私はTinyMCEを追加の機能でカスタマイズしようとしています。
メニューに貼り付けた2つの項目を追加して、HTMLを貼り付けてHTMLをコピーしたいと思います。TinyMCEクリップボードからソースコードをコピー&ペーストする
setup
内部で私は2つのメニュー項目を追加している:行方不明
editor.addMenuItem('htmlPaste', {
text: 'Paste HTML',
icon: 'paste',
context: 'file',
onclick: function() {
tinymce.activeEditor.setContent('<span>some</span> html');
editor.notificationManager.open({
text: 'HTML pasted.',
type: 'info',
timeout: 2000,
closeButton: false
});
}
});
editor.addMenuItem('htmlCopy', {
text: 'Copy HTML',
icon: 'copy',
context: 'file',
onclick: function() {
editor.notificationManager.open({
text: 'HTML copied.',
type: 'info',
timeout: 2000,
closeButton: false
});
}
});
パートは、クリップボードアクセスです。私はclipboard.jsを使用することを考えていましたが、TinyMCEにはこのビルドがありますが、HTMLソースではない通常のコンテンツをコピーして貼り付けることに気付きました。
TinyMCEのビルドイン機能を使用してクリップボードにアクセスできますか?だから私がPaste HTML
をクリックすると、TinyMCEは内容のソースコードを更新し、Copy HTML
をクリックすると、TinyMCEはソースコードをクリップボードにコピーします(クリップボードの内容を設定する前にタグを変更したい)。
TinyMCEは、ユーザーがクリップボードへのアクセスを無効にしたときにフォールバックをサポートするため、この機能を使用したいと考えています。ここで
がcodepenの私のプロトタイプです:http://codepen.io/anon/pen/EWbpyr
EDIT:GitHubのスルー探し 私はsetClipboardDataようないくつかの便利な機能を見つけましたが、それでも私は自分のコードから呼び出す方法がわかりません。
返信いただきありがとうございます。私はクリップボードのコンテンツを手に入れることができませんが、おそらくクリップボードのコンテンツを設定できるようになります。 'Tools-> Source code'を表示して、クリップボードにあるソースコードを貼り付けることができます。しかし、2番目の部分があります。ボタン、メニュー項目、またはキーボードショートカットを使用してHTMLコンテンツをコピーできるようにしたいと考えています。私は、ユーザーが 'Tools-> Source code'に行ってそこにコピーできると知っていますが、いくつかのタグを置き換えて、そのパネルを使用することはできません。私はちょうど最新のChromeをチェックインしています。あなたがペーストを書いたように動作しませんが、コピーオプションは動作します。 – Misiu