1. ホーム
  2. Web プログラミング
  3. ウェブ編集者

Baiduのエディタueditorのフォアグラウンドコードハイライトは、自動的に解決策をラインアップすることはできません

2022-01-04 19:13:49

問題の説明

コンテンツのハイライト内部にコードを挿入すると、バックグラウンドエディタが自動的に改行することができますが、公開後、フォアグラウンドビューでは、コードが自動的にコンテンツページの境界を越えて、直接、非常に魅力のない行をフィードすることはできませんが見つかりましたコピーが完了です。

回避策

ハイライトされたコードが表示されているcssファイル /e/data/ecmseditor/ueditor/third-party/SyntaxHighlighter/shCoreDefault.css を検索してください。

正確なパスは、お使いのueditorによって異なります。

を検索してください。

コピーコード コードは以下の通りです。

.syntaxhighlighter{width:100%!important;margin:.3em 0 .3em 0!important;position:relative!important;overflow:auto!important;background -color:#f5f5f5!important;border:1px solid #ccc!important;

に変更します。

コピーコード コードは以下の通りです。

.syntaxhighlighter{width:100%!important;margin:.3em 0 .3em 0!important;position:relative!important;overflow:auto!important;background -color:#f5f5f5!important;border:1px solid #ccc!important;word-break:break-all;

は、word-break:break-allの追加です。

ueditorのバージョンによっては異なるかもしれませんが、対応する位置にこの強制改行を追加するだけです。

最終結果