25

TinyMCE3からTinyMCE4に移行したばかりで、ステータス バーのパスを削除する方法を知りたいです。しかし、サイズ変更機能を持たせるために、ステータスバーを保持したいと思います。

TinyMCE3を使用すると、次のように実行できます。

tinymce.init({
    ...
    theme_advanced_path : false
});

TinyMCE4で同じ結果を得るにはどうすればよいですか?

ありがとう

4

11 に答える 11

22

これは私のために働く：

.mce-path {/* CSS */
    display: none !important;
}

編集：

TinyMCE4ではtinymce.init();、パスを無効にするためにパラメーターを渡すことによってそれを行う公式の方法はないと思います。パスすることstatusbar: falseはできますが、残念ながら、パスとサイズ変更アイコンが非表示になります!

CSSを使用して私が出した答えは、パスを非表示にしますが、サイズ変更アイコンはそこに残ります。しかし、あなたが持っていることを確認してstatusbar: trueくださいtinymce.init();

于 2014-01-09T14:20:29.217 に答える
9 
tinymce.init({
    statusbar : false,
于 2013-06-19T14:25:54.237 に答える
3

CSS アプローチは機能しますが、通常はページ内の各エディターにグローバルに適用されます。TinyMCE 3 の古いオプションは、さまざまなエディターに個別に適用できます。

この柔軟性を維持したかったので、次の解決策を見つけました。

a）次のようなCSSルールを定義します.myMceNoPath .mce-path{display:none;}

b) パス表示なしでサイズ変更ハンドルを提供する必要があるエディター インスタンスの場合は、次のオプションを定義します。

resize: "both", 
init_instance_callback : function (ed) {
    ed.getContainer().className += " myMceNoPath";
}

これにより、エディター要素にクラスが動的に追加され、この方法で明確にマークされたエディターにのみ CSS を適用できるようになります。

于 2014-04-10T09:52:05.203 に答える
2

残念ながら、この機能はTinyMCE 4では非推奨です。ただし、これは CSS によっていつでも視覚的にブロックできます。次のようになります。

.mce-path {
 display: none;
}
于 2013-07-27T21:18:34.103 に答える
1 
tinyMCE.init({
    menubar:false,
    statusbar: false,
        //etc
})

From: TinyMCE 4 でメニューとステータス バーを削除する

于 2014-11-02T18:27:45.653 に答える
0

@Dustin Carr の回答に感謝します。私は彼の答えを少し拡張しました。パスはクリック可能なままです) 。

tinymce.init({

...
init_instance_callback: function (editor) {
$(editor.getContainer()).find(".mce-path").css("visibility", "hidden");
},

});

HTH

于 2014-11-16T12:05:27.140 に答える
0

私のものは、上記の Dustin Carr の不透明度の概念に基づいています。TinyMCE 4 の場合、 を見つけてskin.min.css検索mce-path-itemし、 の直後にdisplay:inline-blockを追加しましopacity:0た。だから、最終的には次のようなものですdisplay:inline-block;opacity:0; *display...

Carr が言うように、これは簡単なトリックです: 要素をクリックしても要素はそこにあり、標準ユーザーには表示されないだけです。

それが誰かを助けることを願っています...

EDIT：mce-dividerでも同じです;）

于 2014-10-01T16:04:11.337 に答える