繁体   English   中英

CKEditor5 文本对齐

[英]CKEditor5 Text Alignment

我正在尝试使用 CK5 编辑器配置我的页面。 我做了:

ClassicEditor.create(document.querySelector('#editor'), {
  language: 'pt-br',
  toolbar: ['heading', '|', 'bold', 'italic', 'link', 'bulletedList', 'numberedList', 'blockQuote'],
  heading: {
    options: [{
      model: 'paragraph',
      title: 'Paragrafo',
      class: 'ck-heading_paragraph'
    }, {
      model: 'heading1',
      view: 'h1',
      title: 'Cabeçalho 1',
      class: 'ck-heading_heading1'
    }, {
      model: 'heading2',
      view: 'h2',
      title: 'Cabeçalho 2',
      class: 'ck-heading_heading2'
    }, {
      model: 'heading3',
      view: 'h3',
      title: 'Cabeçalho 3',
      class: 'ck-heading_heading2'
    }]
  }
}).then(editor => {
  console.log(editor);
}).catch(error => {
  console.log(error);
});

这有效,但没有“对齐”选项。 我找到了关于如何安装 @ckeditor/ckeditor5-alignment 包的链接

我仔细按照此链接中显示的步骤进行操作,我已经安装了 NPM 包管理器并在我的应用程序中引发了“node_modules”粘贴,但我的浏览器报告了错误

未捕获的语法错误:意外的标识符

从这一行:

import Alignment from '@ckeditor/ckeditor5-alignment/src/alignment';

我不是 NPM 专家,但按照所示步骤操作。 我不知道缺少什么。

您必须创建自己的构建才能添加一些额外的插件。 你不能在不构建的情况下向 ckeditor5 添加插件。 更多信息:
Ckeditor5 自定义构建

作为对@Dariush Salami 回答的补充,请查看此链接,看看它是否对您有帮助。

如果您想在自己的机器上本地安装插件,请在此处查看如何完成。

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM