2017-08-16 18 views
1

Django 1.10.7とPython 3.6.2にメザニン4.2.3があります。メザニンのTinyMCE設定

メザニンには管理者のTinyMCEエディタが付属しています。私はバージョンがエディタ上にあるのか分からないが、私はそれが4+だと思う。デフォルトのエディタはかなり基本的なので、私はもっと多くの機能を追加したいと思っていました。

メザニンは明らかにTinyMCEに独自のカスタムセットアップを使用しています。 TinyMCEのドキュメントのようには見えませんし、django-tinymceも使用していません。

私はJavaScriptに精通していません。私は右のファイルを見つけたら、私は混合の結果で、クラシックJSプラグインやツールバーのを貼り付けコピー:

は 太字、斜体、下線、取り消し線、右、左、中央、およびフル正当化し、増加し、インデントを減らすワークス

フォントの色、背景色、ビデオの埋め込み(5 mgが大きすぎます!)、切り取り、貼り付け、印刷、プレビュー、コピー、フォント、コード、 、blockquote

これは本当に奇妙なことです:エディタとプレビューでは、フォントと背景色がうまく動作します。しかし、私がウェブサイトを開くと何も表示されず、エディタに戻ると、もはや色の兆候はありません。逆に、エディタでは、PreからCodeを指定することはできませんが、Webサイト上では、それらは異なって見えます。私の最高の推測は、それはCSSの問題かもしれないが、私はまだそれをチェックしていない。私はまだ何が働いているのか見ていません。

テキストを選択した後、選択肢をクリックするのは非常に難しいです。これを行うには3回以上のクリックが必要です。私は元々持っていた 'content css'設定に戻りましたが、カラーフォントとbgはまだ動作しません。また、サーバーを再起動しても効果はありません。私は枕を持っています。私は次に何をすべきか分からない。

私はこれをメザニングループに掲載しましたが、回答はありませんでした。私もTinyMCEに投稿しました。彼らはメザニンについて知りませんでしたので、私はそこに行かなければなりませんでした。

更新

[OK]を、私の悪いが、私はコードを含めることを怠っ。ここでは、元の、デフォルトのコードは次のとおりです。

var tinymce_config = { 
    height: '500px', 
    language: language_codes[window.__language_code] || 'en', 
    plugins: [ 
    "advlist autolink lists link image charmap print preview anchor", 
    "searchreplace visualblocks code fullscreen", 
    "insertdatetime media table contextmenu paste" 
], 
link_list: window.__link_list_url, 
relative_urls: false, 
convert_urls: false, 
menubar: false, 
statusbar: false, 
toolbar: ("insertfile undo redo | styleselect | bold italic | " + 
      "alignleft aligncenter alignright alignjustify | " + 
      "bullist numlist outdent indent | link image table | " + 
      "code fullscreen"), 
file_browser_callback: custom_file_browser, 
content_css: window.__tinymce_css, 
valid_elements: "*[*]" // Don't strip anything since this is handled by bleach. 
}; 

これは私が

https://www.tinymce.com/docs/demo/classic/

を使用し、これは私のコードは今

var tinymce_config = { 
    height: '500px', 
    language: language_codes[window.__language_code] || 'en', 
    plugins: [ 
     "advlist autolink autosave link image lists charmap print preview hr anchor pagebreak", 
     "searchreplace wordcount visualblocks visualchars code fullscreen insertdatetime media nonbreaking", 
     "table contextmenu directionality emoticons template textcolor paste fullpage textcolor colorpicker textpattern" 
    ], 
    link_list: window.__link_list_url, 
    relative_urls: false, 
    convert_urls: false, 
    menubar: false, 
    statusbar: false, 
    toolbar1: "newdocument fullpage | bold italic underline strikethrough | alignleft aligncenter alignright alignjustify | styleselect formatselect fontselect fontsizeselect", 
    toolbar2: "cut copy paste | searchreplace | bullist numlist | outdent indent blockquote | undo redo | link unlink anchor image media code | insertdatetime preview | forecolor backcolor", 
    toolbar3: "table | hr removeformat | subscript superscript | charmap emoticons | print fullscreen | ltr rtl | visualchars visualblocks nonbreaking template pagebreak restoredraft", 
    // content_css: [ 
    //  '//fonts.googleapis.com/css?family=Lato:300,300i,400,400i', 
    //  '//www.tinymce.com/css/codepen.min.css'], 
    file_browser_callback: custom_file_browser, 
    content_css: window.__tinymce_css, 
    valid_elements: "*[*]" // Don't strip anything since this is handled by bleach. 
}; 
のように見えるものであるTinyMCEのからコードへのリンクあり

私はそれ以来、これらのものを自分で作るのは比較的簡単だということを発見しました。方法についてのYouTubeのチュートリアルがあります。このオプションに入る際の私の問題は、メザニンがプログラム全体を通して、グラフェリやファイルブラウザを含むTinyMCEを散在させていることです。そのため、外科的にすべてを取り除く方法はわかりません。また、 。

+0

すべてのクロス投稿にあなたの投稿へのリンクを追加すると、返信したい読者は投稿前にあなたの重複をチェックできますか?そうすれば、あなたは他の場所で答えを受け取ったときに時間を無駄にすることを避けることができます。 – halfer

+0

@halfer以下はGoogleグループの投稿へのリンクです:https://groups.google.com/forum/#!topic/mezzanine-users/SwIRGLDSoUg コピーはあなたの静的 資産へ 'メザニン/コア/静的/メザニン/ JS/tinymce_setup.js'からデフォルトの設定、' TINYMCE_SETUP_JSを '変更... 値:私は次のようにしている、今つの応答を持っていますカスタムパスに追加し、変更を加えます。 どのような修正が行われるかについての質問をすることを除いて、これは罰金です。 私はTinyMCEコミュニティサイトに投稿した投稿が削除されました!どうやら、彼らは一週間以上の投稿を好まないのです。 –

答えて

0

halferさんのコメントに対する私の反応のリンクをたどってみると、最終的に正しい答えが得られます。他人を助けることを願っています。

関連する問題