24

いくつかのカスタム タグを TinyMCE に入力できるようにしようとしています。タグは

<plug:plugin_name />

ただし、これは

<plug:plugin_name></plug:plugin_name>

仕事を終わらせなければならないので、これに対処するための正規表現を書こうとしています。本当にしたくないのですが、問題は解決します。

多くの初期化オプションを試しました：

extended_valid_elements : "plug.plugin_name[*]",
custom_elements: "plug.plugin_name[*]",
verify_html : false, **//This ment that the tag wasn't ouright removed**
selfclosetags : \" />\", //some plugin I found, didn't seem to work
closed : /^(br|hr|input|meta|img|link|param|area|plug:plugin_name)$/,

TinyMCEの最近のバージョンでこれを動作させた人はいますか?

また、別の問題は、正規表現で修正した後、エディターがタグを削除することです!

4

5 に答える 5

2

それを短い要素のリストに追加するだけです:

extended_valid_elements : "plug:plugin_name[*]",
custom_elements: "~plug:plugin_name[*]",
short_ended_elements: 'area base basefont br col frame hr img input isindex link meta param embed source wbr track plug:plugin_name'

ここにデモンストレーションするフィドルがあります。

于 2014-10-14T04:25:02.687 に答える
0

  1. 最初に Tinymce 4 エディタ用のカスタム プラグインを作成し、次にこのプラグインのメニュー項目を追加します。 

     tinymce.PluginManager.add('YOUR_CUSTOM_PLUGIN_NAME_HERE', function(editor, url){
           //add first menu item
    editor.addMenuItem('YOUR_MENU_ITEM1_CUSTOM_NAME_HERE', {

    text: 'Menu Item 1',
    context: 'YOUR_CUSTOM_DROP_DOWN_MENU_NAME', 
    onclick: function() {
       //make the magic happen when the user click this menu here...
    } });

    カスタム プラグインとカスタム メニュー項目の作成が完了したら、実際に Tinymce 4 エディタに追加してみましょう。これは tinymce.init メソッドで行われます。

    tinymce.init({
        selector: "textarea",
        plugins: "YOUR_CUSTOM_PLUGIN_NAME_HERE",
        toolbar: "insertfile undo redo | styleselect | bold italic | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | link image",

    //this is how you will get your custom menu like in the above image
            menu : {
                 YOUR_CUSTOM_DROP_DOWN_MENU_NAME: {

                     title: 'Name it whatever you like here',
                     items: 'YOUR_MENU_ITEM1_CUSTOM_NAME_HERE YOUR_MENU_ITEM2_CUSTOM_NAME_HERE YOUR_MENU_ITEM3_CUSTOM_NAME_HERE'
                 }
             },

             menubar: 'YOUR_CUSTOM_DROP_DOWN_MENU_NAME' 
    });

    });
于 2013-12-31T12:29:43.563 に答える
0

エンコード方法は、あらゆるタイプのデータに対して raw として使用できます。

tinyMCE.init({
   encoding : "raw"
})
于 2013-12-26T07:21:26.910 に答える
0

それ以外の：

closed : /^(br|hr|input|meta|img|link|param|area|plug:plugin_name)$/,

これは機能しますか？

closed : /^(br|hr|input|meta|img|link|param|area|plug)$/,

: 修飾子のない最後の項目「plug」に注意してください。

于 2012-01-10T05:15:45.253 に答える