問題タブ [wysihtml5]

私のプロジェクトでは、リッチ テキスト編集にbootstrap-wysihtmlエディターを使用しています。次のコードを使用してエディターを初期化します。

カスタム ボタンをエディターに追加する必要があります。これは と同様にinsertLink機能しますが、ユーザーはリンクのテキストのみを入力でき、リンクはユーザーのアプリケーションによって挿入されます。

どんな助けでも大歓迎です。

wysihtml5 エディターを使用して、単純なテキスト ボックスを編集機能付きのテキスト ボックスに変えました。このプロジェクトでは、テキスト ボックスがその html を iframe に挿入する必要があります。エディターをインストールする前は、うまく機能していました。エディターがテキストエリアを iframe に変換したため、iframe インジェクションの jQuery は機能しなくなりました。次の jQuery をエディタで動作するように変換する方法についてのアイデアはありますか?

通話で何かを変更する必要があることはわかっていますが、何が$('textarea').focusわからないだけです。私はjavascript/jQueryの世界に不慣れで、いくつかの可能性を試しましたが、これまでのところこれを理解できていません.

洞察に感謝します。

Nicholas Jackson の bindingHandlerを使用してwysihtml5とノックアウトを実装する場合。この種の作品、css はまだ少し乱雑ですが、修正できないものは何もありません。

テキストエリアの HTML:

私が抱えている問題は、iframeがレンダリングされているが、フィールドに入力できなくなっていることです.textareaがなく、そこには何もありません:

プラグインによってレンダリングされるこの iframe の HTML (chrome 開発者ツールを使用) :

レンダリングされるスクリプトは次のとおりです。

私は実際に wysihtml5 エディターの結果を安全にしようとしています。
基本的に、ユーザーは script/forms/etc タグを入力できません。

一部のタグはコンテンツを希望どおりに表示するために使用されているため、すべてのタグを削除することはできません。
(例:<h1>タイトルを表示する)

問題は、ユーザーがまだ不要なコードにバインドされた DOM イベント リスナーを追加できることです。
(例: <h1 onclick="alert('Houston, got a problem');"></h1>)

div 内のすべてのイベント リスナーを削除したいと思います (その div 内のすべての子孫に対して)。
私が実際に使用しようとした解決策は、コードを文字列としてチェックして不要なコンテンツを見つけて置き換えることで、これは不要なタグに対して機能しました。

私が実際に必要としているのは、すべてのタグ内のすべてのイベント リスナーに一致する正規表現です。
「< と > の間のすべての [on*] を選択」のようなもの。
例 :
<h1 onclick=""></h1>=> 一致する必要が
<h1 onnewevent=""></h1>ある => 一致する必要がある => 一致する
<h1>onclick=""</h1>必要がない

よろしくお願いします。