WordPressのビジュアルエディタで、JavaScriptが消える

WordPressのビジュアルエディタとっても便利に使っています。

Wordのような感覚で文字の大きさ、色を変更していけます。

ただ、HTMLのタグを書いている人、JavaScriptを利用したい人にとってはちょっと厄介な機能があります。ビジュアルエディタを利用するとせっかく書いたJavascriptが勝手に整形されて消えてしまうのです。

これにはまりました。

最初は、なんで消えてしまうのかも意味が分からず。

テキストエディタから、ビジュアルエディタに切り替え、さらにテキストエディタに切り替えた時にやっと分かりました。

本当に困った。

私はJavaScriptとCSSはなぜか相性が悪くて。

回避方法

ビジュアルエディタで消されてしまう元のコード

※このjavascript:download();へ消えてしまう

buttonに、idを割り振る

idを使ってbuttonにonclickのイベントハンドラを割り当てる

とする事で消されずにすむようになりました。

それから、注意点として、ボタンごとに

<script type=”text/javascript”>

を書いてはいけません。正しくボタンが動作しなくなるので、一つにまとめます。

 

 

1件のコメント

コメントする

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

日本語が含まれない投稿は無視されますのでご注意ください。(スパム対策)