9

styleselectカスタム メニュー要素を追加できるように、デフォルトのツールバー メニューをカスタマイズしようとしています。アイデアは、フォントサイズをstyleselectサブメニューとして配置することです:

TinyMCE 4.0.5次の方法で a を初期化しました。

tinymce.init(
{
    language_url : '/webobbywebapp/js/tiny_mce/language/es.js',
    selector:'textarea',
    plugins: "image, link, print",
    toolbar: "styleselect | undo redo | removeformat | bold italic underline |  aligncenter alignjustify  | bullist numlist outdent indent | link | print | fontselect fontsizeselect",
    menubar: false,
    statusbar: true,
    resize: true
});

デフォルトのスタイル選択メニューをカスタマイズする方法が見つからないため、フォント サイズ コントロールを追加できる完全な新しいメニューを作成しようとしています。しかし、私はツールバーを表示したくありません。単一のメニュー バーが必要です。

編集:現在、次のコードを使用してスタイル選択メニューを変更しようとしていますが、fontselect と fontsizeselect が無効になっているように見えます 

,style_formats:
[{
    タイトル: "Headers_",
    項目: [{title: "ヘッダー 1",format: "h1"}, {title: "ヘッダー 2",format: "h2"}, {title: "ヘッダー 3",format: "h3"}, {title : "ヘッダー 4",形式: ​​"h4"}, {タイトル: "ヘッダー 5",形式: ​​"h5"}, {タイトル: "ヘッダー 6",形式: ​​"h6"}]
}、
            {title: "_Inline",items: [{title: "Bold",icon: "bold",format: "bold"}, {title: "Italic",icon: "italic",format: "italic"},
            {title: "_Underline",icon: "underline",format: "underline"}, {title: "取り消し線",icon: "取り消し線",format: "取り消し線"}, {title: "上付き",icon: "上付き",形式: ​​"上付き"}, {タイトル: "下付き",アイコン: "下付き",形式: ​​"下付き"}, {タイトル: "コード",アイコン: "コード",形式: ​​"コード"}] }、
            {title: "_Blocks",items: [{title: "Paragraph",format: "p"}, {title: "Blockquote",format: "blockquote"}, {title: "Div",format: "div" }, {タイトル: "プレ",フォーマット: "プレ"}]},
            {title: "_Alignment",items: [{title: "Left",icon: "alignleft",format: "alignleft"}, {title: "Center",icon: "aligncenter",format: "aligncenter"}, {title: "Right",icon: "alignright",format: "alignright"}, {title: "Justify",icon: "alignjustify",format: "alignjustify"}]},
            {タイトル: "クラス", アイテム: 'fontsizeselect'},
    {タイトル: "dddClasses"、項目: 'fontselect'
}]
4

3 に答える 3