
WYSIWYG
TinyMCE 画像挿入時に画像URLをhttpsからのURLにする
画像アップローダーやファイルマネージャー側で、https://~の画像URLが出力されている事が前提。 relative_urls:falseだけだと、ド ...
Notion風ブロックエディタBlockNote
BlockNote公式https://www.blocknotejs.org/ Notion風のブロックエディタが簡単に作れるReactライブラリ。 Bl ...
TinyMCE7.x版で評価モードになる場合の対処法
TinyMCE7.2版でライセンスキーを使わない場合、コンソールに以下の警告が表示される。 TinyMCEisrunninginevaluationmod ...
TinyMCE 7.x版 ローカル画像のbase64エンコードを禁止にする
TinyMCE7.x版で、ローカルにある画像をエディタにドラッグアンドドロップすると、デフォルトでは、画像をbase64エンコードして投稿するようになっている ...
TinyMCE 7.x版 Aタグにrel=“nofollow”を自動で付けて
ユーザーにビジュアルエディタの使用を許可した場合、いくらでもリンクが貼り放題だと、SEOの観点から、悪用されるため、それを防ぐために外部リンクにはrel="n ...
TinyMCE 7.x版 エディタ内でstyleを許可する方法
TinyMCE7.xではデフォルトで、インラインのCSSは使えるが、<style></style>が使えないため、これを許可する方法の ...
TinyMCE 7.x版 ツールバーにリンクカードボタンを実装
TinyMCE5.x以降(7.x)で、ツールバーにリンクカードを挿入するボタンを実装するメモ。 link_card.html <!DOCTYPEh ...
TinyMCE 4.x版 ツールバーにリンクカードボタンを実装
TinyMCE4.xで、ツールバーにリンクカードを挿入するボタンを実装するメモ。 link_card.html <!DOCTYPEhtml> ...
TinyMCE 万能コピーボタンの実装
TinyMCEビジュアルエディタ内のコンテンツを全選択してコピーし、万能に貼り付ける事が出来る、Jqueryを使ったボタンの実装。 コピー後、HTMLエディ ...
TinyMCE7.2+CKFinder3.7.0
TinyMCE7.2を使いたくて、ファイルマネージャーを探していたらCKFinderを見つけたので組み合わせて実装してみた。特にアカウント登録とかも不要だった ...
TinyMCE4.xで使えるオプション
基本的オプション TinyMCE4.xでは、さまざまなオプションを使用してエディタの設定をカスタマイズできる。 エディタを適用す ...
TinyMCE ドラッグでコピーしたのと同じようにコピーする
TinyMCEビジュアルエディタ上を全選択してコピーする。 通常のコピーだと、HTMLタグ付きで、テキストとしてコピーするため、別のビジュアルエディタ上に貼 ...
TinyMCEからリアルタイムにコンテンツをコピー
TinyMCEのエディタ内のコンテンツをコピーする方法とテキストのみを抽出する方法。 HTMLタグごと全てコピー $(function(){ $("#co ...
TinyMCEを読み取り専用にする
readonlyオプション tinyMCE.init({ theme:"advanced", readonly:1 }); ...
Responsive filemanagerのデフォルト表示順を降順にする
Responsivefilemanager TinyMCEからResponsivefilemanagerを開いたときに、デフォルトの並び順が日付の ...
