在TinyMCE中的自定义标记后插入新段落

Question

我有一个小的TinyMCE插件，它接受选定的文本并将其包装在<phone></phone>标签中。 它按预期工作，但是，当我在<phone></phone>行之后开始新行时，会自动在该行中创建新的电话标记。我想覆盖此行为并在该行中获得<p></p>。

有没有办法告诉Tiny应该在手机后创建段落？

这是我的插件：

tinymce.PluginManager.add('example', function(editor, url) {
    // Add a button that opens a window
    editor.addButton('example', {
        text: 'Phone',
        icon: false,
        onclick: function() {
            // Open window
            editor.windowManager.open({
                title: 'Add phone number',
                data: { phone_no: editor.selection.getContent() },
                body: [
                    {type: 'textbox', name: 'phone_no', label: 'Phone number'}
                ],
                onsubmit: function(e) {
                    // Insert content when the window form is submitted
                    editor.setContent('<phone>' + e.data.phone_no + '</phone>');
                }
            });
        }
    });
});

这是init：

tinymce.init({
    selector: "textarea",
    toolbar: "example",
    plugins: "example",
    extended_valid_elements : "phone",
    custom_elements: "phone",
    valid_children: "phone[#text]",
    setup: function(editor) {
        editor.on('change', function(e) {
            console.log('change event', e.level.content);
        });
    }
 });