在tinymce中制作自己的按钮，使用bbcode

Question

rails gem 在我的rails 应用程序中。我将它与 bbcode 一起使用，作为解析器，我使用 bbcodeizer。

bbcodeizer 允许我定义自己的 bbcode 标签。 tinymce 允许我添加自己的按钮。

如果我想添加一个按钮，如何让它在 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]');
                    }
                });

这样，我让 tinymce 在我的文本周围添加一个 [center]text[/center]，这样它在我的编辑器中可见并保存在数据库中。

但是我如何让它在编辑器中变得可见

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

（不显示 html 标签，但将它们用于所见即所得）并将 [center]text[/center] 保存在我的数据库中？

Answer 1

您需要插入<p style="text-align">text</p>，并将“”作为实体（“& gt;”和“& lt;”（删除空格））。 将内容保存到数据库时，您需要将实体替换为“[center]”和“[/center]”。您可以为此使用 onSave 事件。