Question

我正在使用ng-ckeditor使用angularJS 处理 ckeditor。我必须在ckeditor中添加代码片段插件。根据ng-ckeditor的说法，我已将插件数据传递到 editorOptions 。但仍然没有加载到ckeditor。我不能得到那个问题。 ng-ckeditor接受来自editorOptions的uiColor值。但它不适用于插件数据。如果有人可以提供帮助，我们将不胜感激。

这是我的代码

HTML

<textarea id="taDescription" name="taDescription" placeholder="Enter Description" rows="10" cols="80" ng-model="topic.description" ckeditor="editorOptions" required></textarea>

JS

$scope.editorOptions = { extraPlugins: 'codesnippet', uiColor: '#000000' };

注意：我已经包含了与ckeditor相关的所有文件。所以我确信没有任何与丢失文件等相关的问题。

Answer 1

我认为这个angular指令不支持添加额外插件的功能。在角度js中向CKEditor添加代码片段插件时，我也遇到了同样的问题，最后通过以下方式实现：在主页上添加以下脚本：

<script src="http://cdn.ckeditor.com/4.7.1/standard-all/ckeditor.js"></script>

另外，按以下方式为代码片段插件的CKEditor定义配置：

<script>
var config = {
    extraPlugins: 'codesnippet',
    codeSnippet_theme: 'monokai_sublime',
    autoUpdateElement : true,
    height: '30%'
};</script>

您还可以在页面或主页面中定义此配置（如果您需要将其添加到多个页面）。然后转到您的页面并使用CKEditor，如下所示：

<textarea ng-model="yourmodel" placeholder="Enter Description" id="description" name="description"></textarea>

在页面的末尾，您需要使用以下脚本：

<script>var editor = CKEDITOR.replace( 'description' , config);</script>

此脚本应仅在元素之后添加，否则将为您提供未定义元素的错误。

希望这会对某人有所帮助。

在ng-ckeditor中添加插件

1 个答案: