Создание собственных кнопок в tinymce, используя bbcode - PullRequest
Новая
       23

Создание собственных кнопок в tinymce, используя bbcode

1 голос
/ 09 января 2012

рельсы драгоценный камень в моем приложении рельсы.я использую его с bbcode и как парсер я использую bbcodeizer.

bbcodeizer позволяет мне определять собственные теги bbcode.tinymce позволяет мне добавлять собственные кнопки.

Если я хочу добавить кнопку, как мне заставить ее работать в wysiwyg-части редактора tinymce? 

ed.addButton('mybutton2', {
                    title : 'My button2',
                    image : 'img/example.gif',
                    onclick : function() {
                        // Add you own code to execute something on click
                        ed.focus();
                            ed.selection.setContent("[center]" + ed.selection.getContent() + '[/center]');
                    }
                });

с этим, я получаюя хочу добавить [center] текст [/ center] вокруг моего текста, таким образом, он будет виден в моем редакторе и сохранен в базе данных.

но как мне сделать так, чтобы он стал видимым в редакторе, какthis 

<p style="text-align">text</p>

(без отображения тегов html, но с использованием их для wysiwyg) и сохранения [center] текста [/ center] в моей базе данных?

1 Ответ

1 голос
/ 10 января 2012

Вам нужно будет вставить <p style="text-align">text</p> с «<» и «>» в ​​качестве сущностей («& gt;» и «& lt;» (удалить пробел)). при сохранении вашего контента в базе данных вам нужно будет заменить ваши сущности на '[center]' и '[/center]'. Для этого вы можете использовать событие onSave.

...