ガレコレ [Garage Collection]
2017年7月8日(土)
文章に色を付けたいのだけれど・・・ #■子猫の手
 以前の『猫の手』では、パソコンで非タグブラウザのIE利用を前提としていました。なので、文字色、文字の背景色も編集できる仕様でした。

 『子猫の手』は、『猫の手』の余分な機能を排除して、パソコン、スマホを問わず、手軽に利用できるようにしたものです。なので、文章はベタ打ちとなっております。

 とは言え、文章に色を付けたいというご要望は多く、過去にそのテストを何度も行ってきましたが、すべての環境で稼働するものができませんでした。

 Androidも進化したので、出来るかもしれませんね。テストを再作成してみました。

 とりあえず、Windows10+IE11,Edge,Chrome、iPhone5c+safariで確認しました。

 パソコンでは、選択した文字が反転したままです。<iframe></iframe>も試してみましたが、同じく反転したままでした。異なるウインドウ間で行えば、反転は消えて色が確認できます。しかし、JavaScriptでは、新規タブと新規ウインドウの制御は、相変わらずできないようで、我慢してもらいましょう。

 iPhoneでは、元の色に戻すときにカラー値''ではいけませんね。背景色は透明を指定して、文字色は苦肉の策ですがblackを指定すれば良いようです。

--
document.execCommand('foreColor',false,'');
 ↓
document.execCommand('foreColor',false,'black');

document.execCommand('backColor',false,'');
 ↓
document.execCommand('backColor',false,'transparent');
--


P.S.
 
Androidでも、問題なく動きました。


P.S.2
 
注意事項ですが、Microsoft
 
EdgeとIEでは、何度も、文字の修飾を繰り返すと、<font></font>などのHTMLタグのゴミが増えてしまいます。確実にかつ簡便に使ってもらえたらと考えています。
http://neconote.jp/prg/editor.html
 
お問い合わせ


by Network Communication Note