2016-08-06 2 views
1

Я использую ng-ckeditor для работы на ckeditor с угловымJS. Мне нужно добавить плагин фрагмента кода в ckeditor. По словам ng-ckeditor, я передал данные плагина в editorOptions. Но все же он не загружается в ckeditor. Я не могу понять, что это проблема. ng-ckeditor принимает значение uiColor из editorOptions. Но он не работает для данных плагина. Если кто-то может помочь, он будет оценен.добавить плагин в ng-ckeditor

Вот мой код

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. Поэтому я уверен, что нет никаких проблем, связанных с отсутствием файла и т. Д.

+0

Не можете найти какие-либо проблемы с предоставленным кодом. Это странно. Любое сообщение об ошибке в консоли? Возможно, вы сначала попробуете [обновить конфигурацию ckeditor] (http://stackoverflow.com/questions/14940452/force-ckeditor-to-refresh-config). – MMhunter

+0

@MMhunter, Да, это странно. Потому что в консоли нет никаких ошибок. И я также много раз удалял все файлы кеша из браузера. Но все та же проблема. –

ответ

1

Я думаю, что эта угловая директива не поддерживает функциональность добавления дополнительных плагинов. Я также столкнулся с той же проблемой при добавлении фрагмента кода плагин для CKEditor в угловых JS и закончился путем внедрения в следующим образом: Добавить следующий скрипт на главной странице:

<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> 

Этот скрипт должен быть добавлен только после элемента в противном случае он даст вам ошибку неопределенного элемента.

Надеюсь, это поможет кому-то.

Смежные вопросы