2016-09-16 5 views
0

Ckeditorのツールバーにボタンを作成して、単語を強調表示したいと思います。単語がハイライト表示されているときは、その隣に「x」ボタンがあります。そのボタンをクリックするとハイライト効果が削除されます。ckeditor要素にイベントを追加して強調表示を解除する方法

<span class="highlight">sample <span class="remove-highlight></span></span> 

ハイライトの実装は問題ありませんが、閉じるボタン(x)は問題です。 誰にも分かりますか? どうもありがとう

enter image description here

+0

これを現在達成しようとしている様子を示すコードを投稿できますか? – thanksd

+0

[mark.js](https://markjs.io)を試しましたか? – dude

+0

私はこのようなものが必要ですhttp://ckeditor.com/addon/placeholderしかし、それは私がそれを削除することができるようにプレースホルダの横に削除ボタンを示しています。 –

答えて

0

2番目のスパンを必要はありません。削除 - ハイライトのCSSルールを持っている場合は行うことができます。

$("#X").on('click',function(){ 
$("span").removeClass("highlight); 

$("span").addClass("remove-highlight"); 

}); 

ていますが、物理的にHTMLに削除 - ハイライトルールをバインドする必要はありません。

+0

ありがとう、しかし、私の質問は主にCkeditorについてです –

関連する問題