software:development:web:docs:web:wysiwyg:nicedit
Различия
Показаны различия между двумя версиями страницы.
| Предыдущая версия справа и слеваПредыдущая версияСледующая версия | Предыдущая версия | ||
| software:development:web:docs:web:wysiwyg:nicedit [2026/01/07 15:04] – [XHTML Compliant Output] VladPolskiy | software:development:web:docs:web:wysiwyg:nicedit [2026/01/07 16:02] (текущий) – [Дополнения и Файлы] VladPolskiy | ||
|---|---|---|---|
| Строка 144: | Строка 144: | ||
| <code js script.js> | <code js script.js> | ||
| tidy_repair_string( | tidy_repair_string( | ||
| - | $_POST[' | + | $_POST[' |
| + | array( | ||
| + | ' | ||
| + | ' | ||
| + | ' | ||
| + | ) | ||
| + | ); | ||
| + | </ | ||
| + | ===== Customization ===== | ||
| + | ==== Developing with NicEdit ==== | ||
| + | Разработка дополнительных плагинов и внесение других изменений в исходный код NicEdit не представляет сложности. | ||
| + | == Ознакомьтесь с кодом.== | ||
| + | Сначала получите копию исходного кода, клонировав репозиторий NicEdit из SVN. | ||
| - | множество( | + | svn co http:// |
| + | == Используйте Кодекс разработки == | ||
| + | Для использования NicEdit с набором отдельных JavaScript-файлов для разработки вам потребуется включить их в раздел < | ||
| + | <code php index.html> | ||
| - | 'show-body-only' => true, | + | < |
| + | < | ||
| + | |||
| + | <script src=" | ||
| + | <script src=" | ||
| + | <script src=" | ||
| + | <script src=" | ||
| + | <script src=" | ||
| + | <script src=" | ||
| + | <script src=" | ||
| + | <script src=" | ||
| + | <script src=" | ||
| + | <script src=" | ||
| + | <script src=" | ||
| + | <script src=" | ||
| + | |||
| + | |||
| + | <script src=" | ||
| + | <script src=" | ||
| + | <script src=" | ||
| + | <script src=" | ||
| + | |||
| + | <script src=" | ||
| + | <script src=" | ||
| + | |||
| + | |||
| + | </ | ||
| + | < | ||
| + | |||
| + | < | ||
| + | This is some TEST CONTENT | ||
| + | </ | ||
| + | |||
| + | < | ||
| + | bkLib.onDomLoaded(function(){ | ||
| + | var myInstance = new nicEditor().panelInstance('myArea2' | ||
| + | }); | ||
| + | </ | ||
| + | |||
| + | </body> | ||
| + | </ | ||
| + | </ | ||
| + | ==== Creating a Plugin ==== | ||
| + | Добавить плагин/ | ||
| + | | ||
| + | - Создайте файл с тем же именем в папке src/ | ||
| + | - Вы можете использовать приведенный ниже код в качестве отправной точки для вашего плагина. | ||
| + | <code js script.js> | ||
| + | /** | ||
| + | * nicExample | ||
| + | * @description: | ||
| + | * @requires: nicCore, nicPane, nicAdvancedButton | ||
| + | * @author: Brian Kirchoff | ||
| + | * @version: 0.9.0 | ||
| + | */ | ||
| + | |||
| + | /* START CONFIG */ | ||
| + | var nicExampleOptions = { | ||
| + | buttons : { | ||
| + | | ||
| + | }/* NICEDIT_REMOVE_START */, | ||
| + | }; | ||
| + | /* END CONFIG */ | ||
| + | |||
| + | var nicEditorExampleButton | ||
| + | mouseClick : function() { | ||
| + | alert(' | ||
| + | } | ||
| + | }); | ||
| + | |||
| + | nicEditors.registerPlugin(nicPlugin, | ||
| + | Car Shipping | ||
| + | </code> | ||
| + | * Скопируйте и вставьте код в свой JS-файл. | ||
| + | * Создайте папку icons в папке вашего плагина (например, src/ | ||
| - | ' | + | == Чтобы объяснить различные части примера: |
| + | <code php> | ||
| + | /** | ||
| + | * nicExample | ||
| + | * @description: | ||
| + | * @requires: nicCore, nicPane, nicAdvancedButton | ||
| + | * @автор: | ||
| + | * @version: 0.9.0 | ||
| + | */ | ||
| + | </code> | ||
| + | Это специальный блок комментариев, используемый скриптами сжатия nicEdit, и он должен присутствовать в каждом плагине, | ||
| - | 'output-xhtml' | + | Большинство полей понятны. Параметр @requires должен указывать, |
| + | <code php> | ||
| + | /* НАЧАЛО КОНФИГУРАЦИИ */ | ||
| + | var nicExampleOptions = { | ||
| + | кнопки: | ||
| + | | ||
| + | }/* NICEDIT_REMOVE_START */, | ||
| + | }; | ||
| + | /* КОНЕЦ КОНФИГУРАЦИИ */ | ||
| + | </ | ||
| + | В разделе config вы настраиваете конфигурацию кнопок для вашего плагина. Параметр ' | ||
| + | <code php> | ||
| + | /* NICEDIT_REMOVE_START */ | ||
| + | </code> | ||
| + | Блоки удаляются из выходных данных скриптами сборки. | ||
| - | ) | + | В поле iconFiles следует указывать относительное местоположение отдельных значков кнопок в формате GIF, находящихся в разработке. В данном случае значение ключа ' |
| - | + | <code php> | |
| - | ); | + | /* НАЧАЛО КОНФИГУРАЦИИ */ |
| </ | </ | ||
| - | ===== Customization ===== | + | Используется только для предотвращения сжатия пробелов в разделах конфигурации скриптом сборки. |
| - | ==== Developing with NicEdit ==== | + | <code js script.js> |
| - | ==== Creating a Plugin ==== | + | var nicEditorExampleButton |
| + | mouseClick : function() { | ||
| + | alert(' | ||
| + | } | ||
| + | }); | ||
| + | </ | ||
| + | Это класс, который определяет вашу кнопку; | ||
| + | |||
| + | '' | ||
| + | \\ | ||
| + | '' | ||
| + | \\ | ||
| + | Это зарегистрирует ваш плагин, | ||
| + | == Вскоре: | ||
| + | - Как использовать скрипты сборки для упаковки вашего плагина (а не просто запускать его как отдельный JS-файл) после того, как он заработает (пока что напишите мне на почту или опубликуйте свой плагин на форуме, | ||
| ==== Integration with NicEdit events ==== | ==== Integration with NicEdit events ==== | ||
| + | | ||
| + | |blur|Отправляется, | ||
| + | |focus|Отправлять, | ||
| + | |key|Когда пользователь нажимает сочетание клавиш (например, | ||
| + | |add|Событие срабатывает при добавлении нового экземпляра.| | ||
| + | |panel| Событие срабатывает при инициализации панели инструментов для новых экземпляров (это предпочтительное событие, | ||
| + | |||
| + | Для привязки функций к внутренним событиям NicEdit используйте метод '' | ||
| + | \\ | ||
| + | '' | ||
| + | \\ | ||
| + | События также часто используются для того, чтобы сообщить о завершении загрузки редактора. | ||
| + | <code js script.js> | ||
| + | bkLib.onDomLoaded(function(){ | ||
| + | var myEditor = new nicEditor({fullPanel : true }).panelInstance(' | ||
| + | myEditor.addEvent(' | ||
| + | alert( myEditor.instanceById(' | ||
| + | }); | ||
| + | }); | ||
| + | </ | ||
| + | Ещё один пример использования событий для определения момента размытия изображения в редакторе. | ||
| + | <code js script.js> | ||
| + | < | ||
| + | bkLib.onDomLoaded(function(){ | ||
| + | var myInstance = new nicEditor().panelInstance(' | ||
| + | myInstance.addEvent(' | ||
| + | // Your code here that is called whenever the user blurs (stops editing) the nicedit instance | ||
| + | }); | ||
| + | }); | ||
| + | </ | ||
| + | </ | ||
| ==== How to translate nicEdit (with Spanish example) ==== | ==== How to translate nicEdit (with Spanish example) ==== | ||
| + | * Скачать версию для разработчиков | ||
| + | * Откройте файл nicEdit.js | ||
| + | * Перейдите к этим нескольким строкам и отредактируйте текст справки, | ||
| + | == Примерно строка 252: == | ||
| + | <code js script.js> | ||
| + | var nicEditorConfig = bkClass.extend({ | ||
| + | buttons : { | ||
| + | ' | ||
| + | ' | ||
| + | ' | ||
| + | ' | ||
| + | ' | ||
| + | ' | ||
| + | ' | ||
| + | ' | ||
| + | ' | ||
| + | ' | ||
| + | ' | ||
| + | ' | ||
| + | ' | ||
| + | ' | ||
| + | ' | ||
| + | ' | ||
| + | </ | ||
| + | == Примерно строка 1046: == | ||
| + | <code js script.js> | ||
| + | var nicLinkOptions = { | ||
| + | buttons : { | ||
| + | ' | ||
| + | ' | ||
| + | } | ||
| + | </ | ||
| + | == Примерно строка 1120: == | ||
| + | <code js script.js> | ||
| + | var nicCodeOptions = { | ||
| + | buttons : { | ||
| + | ' | ||
| + | } | ||
| + | }; | ||
| + | </ | ||
| + | == Примерно строка 1131: == | ||
| + | <code js script.js> | ||
| + | addPane : function() { | ||
| + | this.addForm({ | ||
| + | '' | ||
| + | ' | ||
| + | }); | ||
| + | }, | ||
| + | </ | ||
| ===== Дополнения и Файлы ===== | ===== Дополнения и Файлы ===== | ||
| * {{ : | * {{ : | ||
| * {{ : | * {{ : | ||
| + | * {{: | ||
| + | * [[nicedit_nicedit_latest_js|nicEdit-latest.js]] | ||
| + | * [[nicedit_nicedit_js_n|nicEdit.js]] | ||
| + | * {{: | ||
| + | * {{: | ||
software/development/web/docs/web/wysiwyg/nicedit.1767787445.txt.gz · Последнее изменение: — VladPolskiy