WEBサイト作成時に発生するエラーやトラブル対応の備忘録を中心に、いろいろと書いております。


ビジュアルエディタのトラブルいろいろ

wordpressのビジュアルエディタ。嫌いではないんですけどねぇ……。
[解決]  トラブル1 ビジュアルディタが動かなくなった。
[未解決]トラブル2 <p>が消える。ビジュアルとHTMLを行ったりきたりしてると、いつのまにやら<p>の余白もなくなっちゃうね。
[解決]  トラブル3 えええっ! divの入れ子が変わってるよ!?

現在3本立てで考え中・・・・・・。では一個一個参りますよ。

ツꀀ

トラブル1
ビジュアルエディタが動かなくなった。

いつのまにかビジュアルエディタが動かなくなった。
ローカルと本番で2個構築しているので、動いている本番データをダウンロードしいれてみるけどだめ。
ううーん。困ったなぁと思っていたら下記記事を見つける。

ビジュアルエディタが使用できません。

(3) // Generate GZIP’d content並びに// Use cached file if exists直下のif文をコメントアウト (MarkupDancing様のコメント欄から引用)

というのをやってみました。

そうしたらうまくいきました。

トラブル2
<p>が消える

HTMLエディタで入れたソースが、一度ビジュアルに切り替えて、もう一度HTMLに戻したとき、<p>が消えていたり。

<div>testです。</div>
<div><p>test</p></div>
<div>test</div>

と入れて、ビジュアルエディタに切り替えて、HTMLに戻すと

<div>testです。</div>
<div>

test</div>
<div>test</div>

ツꀀ

きれいにしてくれてるんだろうけど…・・・。

下記のような記事をとりあえず集めてみました。
とりあえず問題ないのかなぁ?と思いつつ。

勝手に<p>タグを入れないようにする

トラブル3
えええっ?divの入れ子が変わってるよ!?

CMSとして使うなら致命的。というか、それならビジュアルディたー使わん方がよいと思いつつも。

こんな現象です。

<div>
testです。
<div>test</div>
<div>test</div>
</div>

というソースを、HTMLで作成し、ビジュアルエディタに切り替えると

<div>testです。</div>
<div>test</div>
<div>test</div>

と、なんとまぁきれいにしてくれちゃう。

wp-admin/js/editor.js

の、L154あたりを変更

pee = pee.replace(new RegExp(‘(<(?:’+blocklist+’)[^>]*>)’, ‘gi’), “\n$1”);
pee = pee.replace(new RegExp(‘(</(?:’+blocklist+’)>)’, ‘gi’), “$1\n\n”);

この2行を無効にしてみました。

で、だんだんわけがわからなくなってきました。エディターいろいろとサービスしすぎ!!

今のころ下記記事と情報を収集中

wp-admin\press-this.phpのforce_p_newlinesを研究。
正規表現 http://homepage2.nifty.com/buckeye/software/helps/st/pages/regular.html

Tiny MCE http://planet.wp.luac.net/user/7/tag/reference/

いろいろとtrueにしたりfalseにしたりしたけど、Enterを入れた瞬間に、また予測不能なことをやってくれちゃって。全てのpにクラスいれてみたりだとか、ほんとーに余計なことしすぎじゃー!!

いろいろとやってみたけど、正規表現とかjavascriptとか勉強しなくちゃわからないなぁ。
ここ最近は、会社の人の騒音(本当声でかいんだって)で頭が回らなくて。気にしすぎなのはわかってるけど、こういうスクリプト読んでるときは余計にムカツクのですね。

ということで、(ということで?)
FCKEditoに逃げてみることにしました。

下記記事参照
http://blog.le-coeur.net/archives/98

http://blog1.triton.biz/2007/01/21/wordpress-iyycyyo-fckeditor-eaesse/

コメントを残す

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

CAPTCHA


このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください