问题标签 [ckeditor5]

CKEditor5 Balloon Editor在 Angular2+ 中，当我在实例内单击时，我试图获取插入符号的确切位置。我将在页面上有几个实例，每个实例都通过 a@ViewChildren和 a动态表示QueryList（每个实例都是一个单独的编辑器）。

在高层次上，我试图在用户单击气球编辑器时触发一个方法，它将光标之前的所有文本存储在一个变量中，然后将光标之后的所有文本存储在另一个变量中。

即，如果用户Hello world this is a test在“world”之后的 div 内键入并单击，它将“Hello world”存储在一个变量中，“this is a test”存储在另一个变量中。

关于如何做到这一点的任何想法？我假设我需要创建两个实例，Position然后以某种方式将其输入 a Range，但我不知道如何Position输入正确的路径。

如果有人对 CKEditor 5 的常规旧单个实例有工作方法，我将不胜感激。谢谢！

我想集成 CKeditor v5，因为它具有其他 lib 开箱即用的降价集成功能。编译时遇到多个问题：

1. 使用 Angular 5 组件无法将现有 JS 绑定到模板视图。

组件模板：

组件.ts：

错误：

webpack-internal:///../../../../../src/app/shared/components/ckeditor/ckeditor.component.ts:60 TypeError: Cannot read property 'style' of null at在 editor.initPlugins.then.then (webpack-internal :///../../../../@ckeditor/ckeditor5-editor-classic/src/classiceditor.js:140) 在 ZoneDelegate.invoke (webpack-internal:///../.. /../../zone.js/dist/zone.js:392) 在 Object.onInvoke (webpack-internal:///../../../core/esm5/core.js:4824)在 ZoneDelegate.invoke (webpack-internal:///../../../../zone.js/dist/zone.js:391) 在 Zone.run (webpack-internal:///.. /../../../zone.js/dist/zone.js:142) 在 eval (webpack-internal:///../../../../zone.js/dist/ zone.js:873) 在 ZoneDelegate.invokeTask (webpack-internal:///../../../../zone.js/dist/zone.js:425) 在 Object.onInvokeTask (webpack-internal:///../../../core/ esm5/core.js:4815) 在 ZoneDelegate.invokeTask (webpack-internal:///../../../../zone.js/dist/zone.js:424)

任何建议表示赞赏。

我正在尝试将 CKEditor 版本 5 集成到 Angular 5 应用程序中。我创建了一个组件并导入了所需的包。我可以使用 Webpack 使用相同的代码编译完美的 CKEditor，但是我在 Angular 中没有这样做。我收到 svg 路径的奇怪解析器错误。

错误截图： https ://www.dropbox.com/s/xwoas03fd4q7gks/Screenshot%202017-12-13%2011.55.45.png?dl=0

我的组件看起来像：

这就是我在以 Icon 为目标时检查应用程序内部的 HTML 时得到的结果。

当我启用插件时：

我的 npm 包

.html

实际上我的目标是通过方法 setData() 插入带有标签的 html，但正如我所了解的，我需要使用插件 Markdown。但无论如何我不能让它与任何插件一起工作。谢谢你。

PS我尝试了基本和内联形式，但同样的问题。

After linking the script directory to "ckeditor5", I have text-area as follow :

And, this creates the ckeditor replacing the textarea.

Now, how do I make this "sample_identity" instance of ckeditor required on form submit.

I tried using the class for the ckeditor instance which is-

.ck-focused for onfocus and .ck-blurred on outfocus.

But, I have 3-4 textareas on the same form which has ckeditor replacing them. So, this'll not work.

I know ckeditor5 is a betaversion an hasn't been used yet, but, any help on this would be appreciated.

Thank you.

我正在尝试将（内联）CKEditor 5 添加到现有的 django 项目中。

据我了解，内联版本不适用于 textarea 元素，而是适用于 div。但是 django 表单没有 div 小部件。我不完全确定从这里开始的最佳方式是什么。我可以使用文档中的步骤显示可编辑的 div 。但是我如何将它与表单关联和/或将文本传递给我的视图？

我尝试使用https://ckeditor.com/docs/ckeditor5/latest/api/module_engine_view_placeholder.html#static-function-attachPlaceholder中的attachPlaceholder

您能否向我展示如何使用此方法（attachPlaceholder）或如何使用此方法的简单示例。

我尝试将 CKEditor 5 设置为 more than one <textarea>，但只有第一个有效。

这是代码：

结果如下：

为什么只有第一？

我想在 AdminLTE 项目中使用 CKEditor。这个项目在规则中有一个 url 加载器：

这会加载所有令人敬畏的字形。

当我想添加 CKEditor svg 规则时：

所有的地狱都崩溃了，加载器在所有找到的 svg 上给出了关于意外标记的解析错误。当我在上述规则的测试正则表达式中删除 svg 选项时，没有显示 fontawesome svg，但 CKEditor 的 svg 可以通过。

我搜索了高低，但我似乎无法弄清楚如何合并这两个规则，或者如何将它们充分分开以便两者都适用。

一点帮助将不胜感激。

1. npm install ng2-ckeditor我使用此命令安装 CKEditor 。
2. 然后加入ckeditor.js我的index.html
3. import { CKEditorModule } from 'ng2-ckeditor';然后导入app.module.ts

4. 然后在我的 HTML 页面中使用 CKEditor

   /li>

5. 那时我得到错误ERROR TypeError: Cannot set property 'dir' of undefined

现在我如何在我的 HTML 页面中使用 CKEditor。