CKeditor - 编辑器窗口内的自定义标签和符号

Question

当您将 Flash 对象插入 CKeditor 时，编辑器窗口将显示以下符号：

我想知道。当用户将此标签插入编辑器时是否可以执行类似的操作（使用正则表达式 {formbuilder=(\d+)}/ ）：

{formbuilder=2}

如果是这样，有人可以解释一下如何做吗？ :)

更新：

我一直在研究 PageBreak 插件，试图了解到底发生了什么。这个插件和我的插件最大的区别在于 HTML 插入编辑器的方式。

CKEDITOR.plugins.add('formbuilder',
{
    init: function(editor)
    {
        var pluginName = 'formbuilder';
        var windowObjectReference = null;

        editor.ui.addButton('Formbuilder',
            {

                label : editor.lang.common.form,
                command: pluginName,
                icon: 'http://' + top.location.host + '/publish/ckeditor/images/formbuilder.png',
                click: function (editor)
                    {     
                        if (windowObjectReference == null || windowObjectReference.closed){
                            var siteid = $('#siteid').val();

                            windowObjectReference = window.open('/publish/formbuilder/index.php?siteid='+siteid,'Formbuilder','scrollbars=0,width=974,height=650');
                        } else {
                            windowObjectReference.focus();
                        }
                    }
            });
    }
});

正如您所看到的，我的插件打开一个新窗口，并且插入标签：

function InsertForm(form_id)
        {
            // Get the editor instance that we want to interact with.
            var oEditor = CKEDITOR.instances.page_content;

            // Check the active editing mode.
            if ( oEditor.mode == 'wysiwyg' )
            {
                // Insert the desired HTML.
                oEditor.insertHtml( '{formbuilder='+form_id+'}' );
            }
            else
                alert( 'You must be on WYSIWYG mode!' );
        }

当您单击工具栏图标时，PageBreak 插件会执行所有操作。这使得在插件文件中制作 fakeImage 成为可能。另一方面，对我来说，我不明白这是怎么可能的：\

Answer 1

我正在寻求解决类似的问题，只不过我的所有内容看起来都像 XML。就像，。在您的情况下，您将能够复制占位符插件并更改占位符正则表达式以匹配您的标签。就我而言，看起来我将修改 iframe 插件或其他东西，并希望弄清楚如何将每个标签添加为自动关闭......