記事一覧

HTMLエディタ改良

先日導入したエディタに、一時保存機能と読み出し機能を追加してみた。これで、欲しかった機能を一通り実装できたので満足。

ダウンロード

僕は頻繁に上書き保存を行うので、手軽に一時保存ができるのは便利。というか、手軽に保存できなければ不安で自作エディタを使う気になれない。
あとは、できれば「Ctrl+S」のショートカットで一時保存ができるようにしたいなぁ。普段は何か一文書くたび、条件反射的に「Ctrl+S」を実行しているので…。

クロスブラウザでショートカットを拾えるか、ブラウザの「名前を付けて保存」を無視して一時保存を実行できるかは判らないけど、そのうち調べてみるとします。

トラックバック一覧

HTMLエディタを実装してみよう from Floridezza
Favorite Laboにて、ないとさん作のWebDiaryProに最適なHTMLエディタの配布が開始されたので、早速導入してみました。尚、Favorite Laboから配布されるスクリプト類は、サポート無し配布とのこと...
2007年04月22日(日)05時57分 受信
HTMLエディタ。 from トトト
この日記にFevorite Laboさんで配布されているHTMLエディタをくっつけてみました。管理画面のことなので表側からはなんのことやらですが……。これは、いいものだ……(マ・クベ風)ボタ...
2007年04月22日(日)20時26分 受信
WebDiaryPro用タグエディタ(配布版) from Right Bower
「Web Diary Pro にタグエディタをつける」というカスタマイズを紹介してから随分時間が経ちましたが、その間に頂いたご要望を全て集め、自分なりの改良を加え、すぐに使えるパッケージ...
2007年10月25日(木)15時54分 受信

コメント一覧

ccc 2007年12月04日(火)13時24分 編集・削除

こんにちは~
ないとさん悲願?のボタン画像化の設置に成功しましたので、お知らせを。

(1)input type="button"タグをbuttonタグに書き換えます。
例)
<input type="button" value="箇条書き" onclick="editor.insertData('-', '')" title="箇条書き記法の記号を挿入します" />

<button type="button" value="箇条書き" onclick="editor.insertData('-', '')" title="箇条書き記法の記号を挿入します"><img src="(ボタン画像へのパス)" /></button>

(2)common.cssに
form#diary_form dl dd.support ul li button img {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
を加入し、
form#diary_form dl dd.support ul li select

「vertical-align: top;」
を加入します。
(※(2)の部分訂正しました)

(3)あとはボタン画像ファイルと一緒にアップすればできあがり。

ちなみにHTMLエディタはdiary→galleryに変えればWGPにも設置OKなんですが、My Editorにつけられないのが残念です(^^;)

IE7とFirefox2で確認済です。

ほんじゃあ~

ないと 2007年12月05日(水)23時06分 編集・削除

こんにちはー。

情報ありがとうございます~。
ただ、画像化自体は難しいことは無いのです。自作エディタはinputタグで各ボタンを作成しましたが、a+imgタグなどでマークアップしても問題は無いので…。

機能ごとのアイコン画像を用意するのが大変そうなのですが、フリー素材として利用できるサイトも知ることができたので、いつか改良してみたいと思います。(^^)

ではー。