6

以下は私の Tinymce テキストエリアのコードです

    tinymce.init({
        selector: "textarea",
        height : 350,
            plugins: [
                    "link image lists preview anchor"
            ],
        toolbar: " image bold italic | formatselect | undo redo | cut copy paste | bullist numlist | undo redo | link unlink dummyimg | preview",
        menubar: false,
        toolbar_items_size: 'small',
        setup : function(ed) {
        // Add a custom button
        ed.addButton('dummyimg', {
            title : 'Add image',
            image : 'resources/images/img.jpg',
            onclick : function() {
                if($('#imageupload').val()){
                  ed.focus();
                  ed.selection.setContent('<img src="<%=strWebhost%>/news_cms/resources/images/dummyimg.jpg" />');
                } else{
                  alert("Please select an image.");
                }

                }
            });
        },
        onchange_callback: function(editor) {
            tinyMCE.triggerSave();
            $("#" + editor.id).valid();
        }
   });

dummyimg定義済みのイメージを tinymce コンテナーに追加するというカスタム ボタンを追加しました。私の要件は、titleカスタム ボタンを使用して画像のみを追加できる、以下に示すようなポップ ウィンドウが必要です。

ここに画像の説明を入力

前もって感謝します。

4

2 に答える 2

1

この質問は古いですが..他の質問に返信しています（まだコメントできません）。

「ソーステキストボックスの内容を取得する方法は?」

onSubmit: function(e) {
  console.log(e.data.source)
}
于 2014-09-30T17:55:49.450 に答える