IDEA * IDEAドットインストール代表のライフハックブログ
CLEditorに背景画像を表示し、表示する内容をボタンで切り替える
CLEditorに、こんな感じで背景画像を指定できないか調べてみました。 ※サンプルに使用する画像は、 http://www.a-kabe.com/rozenmaiden/1024768-xga/2009-11-27-1024768-82.php こちらからお借りしました。 bodyのbackground-image CLEditorを使うと、「cleditorMain」というクラス名が指定されたdivの中に iframeが生成されます。 このiframeの中のbodyを取得し、そのbackground-imageに表示したい画像を 指定することにしました。 該当箇所の抜粋はこんな感じ。 $( $(".cleditorMain iframe")[0].contentWindow.document.body ).css('background-image', 'url(images/cled
jQueryベースのWYSIWYGエディター『Redactor』 | 100SHIKI
マニアックではあるが、なかなか良さそうなのでメモ的にご紹介。 RedactorはjQueryベースのWYSIWYG（What You See Is What You Get）エディターである。 ユーザーにリッチな文書を入力してもらえる際に便利だ。 もちろん他にも似たようなツールはあるが、ツールバーの見た目が今風＆カスタマイズが容易なのでデザインを損なわずに使うことができるだろう。 ウェブ制作者向けではあるが、覚えておいても良さそうですな。
Getting Started - CLEditor
CLEditor is shipped with the following files. It is recommended that you install these files into a folder called cleditor with a subfolder called images. jquery.cleditor.min.js - jQuery Plug-in (minified) jquery.cleditor.js - jQuery Plug-in (source) jquery.cleditor.css - Style Sheet images/buttons.gif - Toolbar Button Image Strip images/toolbar.gif - Toolbar Background Image When installing plug-
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
