JSとHTMLが混ざった状態で両方実行したい

Question

テキストエリアにHTML、JSどちらも入力可能なエディタを利用しており
リアルタイムプレビューのようなものを実装しています。

selector.setHtml(editor.getData());

editor.getData()内にJSが含まれていたらその箇所をJSとして実行したい

editorの中のHTMLタグは問題なく表示がされているのですがJSが含まれていたらJSとして実行したいのですが実現できていません。
HTML, JSどちらも期待値となるような方法はありますでしょうか。

Answer 1

「両方」ならHTMLとして基本処理し、どうしてもならscriptタグ打たせるしかないのではないでしょうか。
「どちらも打てる」ということは混在することにもなるし、その場合の判定は簡単ではありません。

ただ、混在オーケーとしてしまうと質問者さんのように作る側も使う側も混乱しやすく作りも煩雑な作りになってしまうので、入力欄自体分けるのが懸命と思います。

Comments

[退会済みユーザー]

エディタのあるリアルタイムプレビューとは別に実際に登録したものを表示させている画面ではHTMLもJSもどちらも動いているので問題ありません。
リアルタイムで表示させるためにどちらも認識することができる関数があるかなと思ったのですが難しいようですね。

[m.ts10806]

どちらももともと単なる文字列ですから。

[Y.H.]

> リアルタイムで表示させる
なんか入力中にJavascriptのエラーが頻発しそうなんですが・・・

[退会済みユーザー]

単純に<script>で囲まれたコードを取得して走らせることができる関数とかはないですか？

[m.ts10806]

それこそ正規表現の出番では。
というか、scriptタグで囲まれた時点でHTMLになげればJavaScriptのコードとして認識されるので「その中のコードだけ取得する」みたいな面倒なことする必要ないです。

[Y.H.]

eval() セキュリティホールだらけのものになりますよ？