サポート

ホーム
サポート
tinymceでspan,brなどが消えてしまう

tinymceでspan,brなどが消えてしまう

tmp (2020/04/20 17:39)

設置URL ： http://freo.jp

tinymce内に、
span
br
のタグを入れると消えてしまいます。
br に関しては、&nbps;に書き換わってしまいます。

/freo/js/admin.js
のファイル内に、
extended_valid_elements: span",
と、書いてもダメでした。

wordpressの回避法
https://blog.yuhiisk.com/archive/2017/05/11/tiny-mce-before-init-setting.html

このような記事は見つけたのですが、解決できません。。。

編集

ccc (2020/04/20 20:58)

URL ： https://cccabinet.jpn.org/

1.改行をではなく、 にしたい場合は改行したい部分で enter でなく、shift+enter を押してください。

2. を使うシチュエーションが決まっているのなら、admin.js のTinyMCEの設定箇所内に

  style_formats: [
    {title: '赤文字', inline: 'span', styles: {color: '#ff0000'}},
    {title: 'クラス1', inline: 'span', classes: 'class1'},
  ],

のように設定しておけば、「書式」の中に「赤文字」（）「クラス1」（）の選択ができるようになります。

編集

tmp (2020/04/23 17:52)

URL ： http://freo.jp

ccc様
アドバイスありがとうございます。

タグを手打ちして、ページの途中に タグがあると、それが変換されてしまいます。

shift+enter
も、もちろん試してあるのですが、なぜか消えてしまいます・・・

spanタグ、ありがとうございます。
試したのですがうまくいかず・・・

貼り付ける位置が悪いのでしょうか
実際のadmin.js のソースごと見れれば分かりそうなのですが・・・

編集

ccc (2020/04/23 22:33)

URL ： https://cccabinet.jpn.org/

freoはXHTMLなので、改行タグは ではなく、 になるのですが、そのあたりはどうなんでしょうか？（ と手打ちしても消えてしまう？）

実際のadmin.js のソースごと見れれば分かりそうなのですが・・・

拙作の
freoにTinyMCE4を導入する
https://cccabinet.jpn.org/view/79
に設定のソースを記載しているので参考にしてみてください。

あとTinyMCE4の設定なら
公式ドキュメントよりも詳しいTinyMCEの使い方（基本編）
https://oxynotes.com/?p=11177
公式ドキュメントよりも詳しいTinyMCEの使い方（応用編）
https://oxynotes.com/?p=11236
とかもあるので、ご参考に。

案外、最後に「,」をつけ忘れるとかあるかも（最終の設定以外は必要）