無料ブログ「rentafree.net」の管理人ブログ

ブログエディターの色選択ツールを修正しました

朝の記事で、
<input type="range">
を使った色選択ツールのサンプルを作りましたが、
<input type="range">
はFirefoxに実装されてないので出来ませんが、
カラーパレット(16色)は実装できるので、
パレットだけでも先に実装しちゃったほうが、後で再修正するにしても楽なので、
ブログエディターの色選択ツールを修正しました。

変更したのは新エディターだけです。

Firefoxが
<input type="range">
<input type="number">
を実装したら、
非対応でスライダーが使えなくても致命的ではありませんから、
古いバージョンは無視して再修正すると思います。

今回の修正のメインは16色パレットのクリックでの色指定ですが、
他に、
今までは16進6桁又はRGB10進以外が設定されている場合はRGB値の取得を行なっていなかったので、色選択ツールは#000000で起動しましたが、
パレットにある16色(小文字指定限定)か、16進3桁で設定されている場合にもRGB値を取得するようになりました。
また、RGB値を取得できないパターン(未定義color name)はRGB初期値が(0,0,0)になりますが、色コード自体は設定値のまま表示されます。