ホームページ > ウェブフロントエンド > htmlチュートリアル > Baidu Ueditor の Html モードでスタイルを自動的に置き換えるソリューション editor_html/css_WEB-ITnose

Baidu Ueditor の Html モードでスタイルを自動的に置き換えるソリューション editor_html/css_WEB-ITnose

WBOY
リリース: 2016-06-21 09:08:09
オリジナル
1475 人が閲覧しました

セキュリティ上の理由から、Baidu の Ueditor エディタはスタイルを自動的に削除し、ユーザーが HTML モードで貼り付けた HTML ドキュメントをエスケープします。安全ではありますが、非常に不便です。

この機能を削除するには、いくつかの変更を加えます。

1. ueditor.all.js を開きます

2. ///プラグインエディターのデフォルトのフィルタリングと変換メカニズムを約 9300 行で見つけ、以下の

'allowDivTransToP':true
ログイン後にコピー

の値を false に変更します。 true の場合、div は自動的に p に変換されます。

3. 行 9429 について、「li」というケースがあります。これは、li のスタイルを削除し、このケースをコメントアウトします。

4. 14058行目について、以下の最初のutils.each関数をコメントアウトします。これはliの内容にpを自動的に追加します。

5. 14220 行目について、

node.className = utils.trim(node.className.replace(/list-paddingleft-\w+/,'')) + ' list-paddingleft-' + type;
ログイン後にコピー

コメントアウトします。これは、組み込みのスタイルを自動的に ul に追加します。

次の 14222 行

li.style.cssText && (li.style.cssText = '');
ログイン後にコピー

コメントアウト、貼り付けたコードを自動的に削除する li スタイルです

この時点では、貼り付けた HTML 形式の ul と li はエスケープされません。


ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート