0

Djangoのインプレース編集を使用して、管理者なしで編集できるテキストエリアモデルフィールドがあります。インプレース編集も TinyMCE アダプターを使用します。Chrome でテキスト領域をクリックすると、TinyMCE テキスト エディターはセクションの 3 分の 2 程度しかラップアラウンドしません。TinyMCEs の init メソッドに、セクション全体をラップするものはありますか? 高さを切り替えてみましたが、テキストエディタの高さに影響はありませんでした

ここに画像の説明を入力

tinymce.init

tinymce.init({
    selector: "textarea",
    theme: "modern",
    plugins: [
        "template advlist autolink lists link image charmap hr anchor",
        "searchreplace wordcount visualblocks visualchars code fullscreen",
        "insertdatetime media nonbreaking table contextmenu directionality textcolor",
    ],
    menubar: "edit insert view format table tools",
    toolbar1: "template insertfile undo redo | styleselect | bold italic | forecolor backcolor | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | link image | media",
    image_advtab: true,
    content_css:'/static/admin_css/editor.css?v=1',
    width: "98%",
    height: 500,
    file_browser_callback : FileBrowser,
    image_dimensions: false,
    style_formats : [
        {title : 'Header 1', block : 'h1'},
        {title : 'Header 2', block : 'h2'},
        {title : 'Header 3', block : 'h3'},
        {title : 'Header 4', block : 'h4'},
        {title : 'Header 5', block : 'h5'},
        {title : 'Header 6', block : 'h6'},
        {title : 'Div', block: 'div'},
        {title : 'Paragraph', block: 'p'},
        {title : 'Alpha List', selector: 'ol', styles: {'list-style-type': 'lower-alpha'}},
        {title : 'Button', selector: 'a', classes: 'btn'},
        {title : 'Dialog Link', selector: 'a', classes: 'dialog-link'}
    ],
    extended_valid_elements : 'iframe[src|title|width|height|allowfullscreen|frameborder|webkitallowfullscreen|mozallowfullscreen],',
    templates: [
        {'title': '1 Column Center', 'description': '1 Centered Column.',
            'url': '/static/tinymce_templates/1-col-center.html'},
        {'title': 'Schedule Demo Button', 'description': 'Button that links to schedule demo page',
             'url': '/static/tinymce_templates/schedule-demo-button.html'},
        {'title': '1 Column Center w/ Button', 'description': '1 Centered Column w/ button',
            'url': '/static/tinymce_templates/1-col-center-button.html'},
        {'title': '1 Column', 'description': '1 Full Width Column.',
            'url': '/static/tinymce_templates/one_col.html'},
        {'title': '2 Column', 'description': '2 Equal Columns',
            'url': '/static/tinymce_templates/2-col.html'},
        {'title': '2 Column w/ Contact Form', 'description': '2 Equal Columns w/ a Contact Form on the Right',
            'url': '/static/tinymce_templates/2-col_contact.html'},
        {'title': '3 Column', 'description': '3 Equal Columns',
            'url': '/static/tinymce_templates/3-col.html'},
        {'title': '4 Column', 'description': '4 Equal Columns',
            'url': '/static/tinymce_templates/4-col.html'},
        {'title': '2 Column Wide Right', 'description': 'One Skinny Column & One Wide Column',
            'url': '/static/tinymce_templates/wide_col_right.html'},
        {'title': '2 Column Wide Left', 'description': 'One Skinny Column & One Wide Column',
            'url': '/static/tinymce_templates/wide_col_left.html'},
    ],
    visual

blocks_default_state: true,
    paste_as_text: true,
    paste_data_images: true,
    browser_spellcheck: true,
});
4

1 に答える 1

1

TinyMCEは全く知らないのですが、エディタの幅と高さが固定のようで、コンテンツが溢れています。

TinyMCE には、これを抽象化する API 関数がある場合とない場合がありますが、#textareaセレクターに以下を追加してみてください。

overflow: auto;

これにより、コンテンツがクリップされたとき、つまりコンテンツがコンテナの境界の外にはみ出すときにスクロールバーが追加されます。

それがプロパティでeditor.css指定されているかどうか、またはthisに従ってプロパティcontent_cssが必要かどうかはわかりません。editor_css

于 2016-07-01T07:29:45.030 に答える