現在Quillというブラウザ上で動くHTMLエディタを実装しています。このエディタ上にコピーした内容(他サイトにあった画像+テキスト)をペーストしますと、HTMLタグごとペーストされるため、エディタ上に書式スタイル含め画像も貼り込まれることになります。
今回実現したいことは、コピーしたHTMLタグ付きの内容から、HTMLタグをすべて削除して、プレーンなテキスト(改行は残したい)としてエディタ上に貼り付けたいというものです。
Quillのドキュメント内「dangerouslyPasteHTML」に、それを実現できる?かもしれない解説らしきものはあるのですが、それが実現できる内容か、また実装の仕方がよく分からないため手を付けられていません。
あるいは、単にペーストするときにコピー内容を取得してHTMLタグを削除してからペーストができれば、この方法でも問題ありません。こちらも調べて試してみましたが(参考サイト)、ブラウザによって動かないなどがあるようで、今回動作させたいiOS/Androidブラウザで動作するに至っておりません。
(1)他サイトやアプリでHTMLタグ付きの内容をクリップボードにコピー (2)ペーストする (3)ペースト内容を取得 (4)正規表現でHTMLタグを削除(あるいはjQueryのtext()などでプレーンテキストを拾う) (5)プレーンになったテキストを指定箇所(div.testなど)に貼り付け
こちらのサイトを拝見しまして、ペースト内容を取得できれば正規表現を使って上記流れで処理できないかなど考えたりしましたが、良い解決方法が見つかりません。
よろしくお願いいたします。
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2017/10/19 05:17