LoginSignup
0
0

More than 3 years have passed since last update.

Summernoteでaタグのリンク先を変更した時にクラス名が消える問題を解決する(暫定版)

Posted at

解決策

修正前
https://codepen.io/qwe001/pen/LwQQzb

修正後
https://codepen.io/qwe001/pen/wVyyOR

※ 注意: 私が解決したのはあくまでクラス名の部分だけです。(私にとっては、それだけが必要な修正でしたので)
ID属性その他の値は相変わらず消えますので、それらの値が必要な人は頑張ってソース書き換えて何とかしてください。
あるいは、Summernoteの開発チームが公式に修正してくれるのを待ってください。

何が問題か

62527751-b858f480-b876-11e9-9376-87cb68be046e.gif

リンク要素のURLかテキストを変更すると、
クラス名やIDその他あらゆる属性が消去される。

ソースコードを見ると、何の属性もついていないaタグを新規生成し、
そこにテキストとURLのみを代入するという記述になっているので、
変更前のタグにあったクラスだの、IDだのといった属性はすべてなかったことにされる。

これにより、デザイナーがCSSでコッテコテに作った
迫真のクソデカボタンリンクやアニメーションつきリンクも、
リンク先かタイトルを変更した瞬間にクッソしょぼい単なるテキストリンクに変身しちゃいます。

コードビューでHTMLを直接編集すれば、そんなことは起きませんが、
エンドユーザーにそんなことさせたくないですよね。

どう解決するか

クラスの値も代入されるようにする

その他

SummernoteにIssueをあげました。
そのうち公式がちゃんと修正してくれたらいいな~って。

私の修正した内容はこちらから見れます。

0
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
0