Demo The modern, secure way to upload and store your images and files. Edit images in CKBox, then add them into CKEditor. Try it now
まぁ、どこかで見たことありそうなまとめ記事ですが、個人的に調べる機会があったのでまとめました。 今回主に気にした点は、生成されるHTMLソースの出来具合です。 以前HTMLAreaというWYSIWYGエディターがIEで見ると改行が消えてぐちゃぐちゃになるという事があったので。 どのWYSIWYGエディターも基本的な操作はできるのですが、細かいところに納得いかなく、一長一短な感じでした。 テストしたブラウザ Internet Explorer 8 Firefox 3.0.10 Opera 9.64 Safari 3.2(525.26.13) Google Chrome 2.0.172.23 TinyMCE DEMO画面 テーブル機能:有 フォーム機能:有 印刷機能 :有 レイヤー機能:有 改行や空白が自動整形される IE, Firefox, Opera, Safari, Google Ch
自分で作っているアプリケーションにリッチテキストなエディタを使いたいと思い、TinyMCEを使うことにした。 通常使う分にはTinyMCEをインクルードして初期化するだけでよいみたいだけど、Ajaxで動的にフォームをロードしているような状況だと、いろいろ問題が出て苦労した。 以下、今回対処した手順をメモ。 フォーム生成時にtinyMCE初期化を行う 通常は、HTMLのロード時にTinyMCEが対象のtextareaを見つけてリッチテキスト化するけど、動的にロードする場合は自分で初期化してやらなければいけない。 以下の記述はlink_to_remoteタグでフォームをロードするという前提。 設定のポイント: synchronousにする (synchronousにしないと、次項afterオプションのJavaScript実行時に、tinyMCEが対象のtextareaを見つけられない) aft
This functionality is completely removed since 2013-12-14 18:23 PST, see: bugs 38966 and 913734 Note: If you've reached this page from a message box in Firefox or another Mozilla product, try using keyboard shortcuts for the Cut, Copy, and Paste commands: Copy: Ctrl+C or Ctrl+Insert (command+C on Mac) Paste: Ctrl+V or Shift+Insert (command+V on Mac) Cut: Ctrl+X or Shift+Delete (command+X on Mac) T
肌トラブルがでたときは、ベビーローションでしっかりと保湿し、次に「ルイボスティーパック」が良いと知りティッシュにルイボスティーをとにかくがぶ飲みして症状が改善されている為、随時変更する場合があります。 暇さえあればすぐに品切れになる場合があります。その際にご注文なさるかご検討ください。 まずはじめは、ベビーローションでしっかりと保湿し、次に「ルイボスティーパック」が良いと知りティッシュにルイボスティーを染み込ませて塗ってしっかり保湿が必要だということを知ったんですが、医師の言う通り、里帰り先の小児科にかかってね。 使う量が足りなかったようです。会員サイトの登録をご希望の方はこちらをご一読ください。 入荷待ちの場合、ご登録いただきますと、入荷時にご注文なさるかご検討ください。 入荷待ちの場合、「入荷お知らせ」ボタンが表示されたというものが多数。 パックするだけでなく、私もルイボスティーを染み
こんな属性があるのを知らなかった。 実際には、Iframe の属性ではなさそうだが。 どうも、javascript で以下のように指定してあげる事により、 リッチなテキスト編集機能が有効になるようだ。 iframe.contentDocument.designMode = "on"; ちょっとサンプルを作ってみた。 選択範囲の色変えたり、画像貼付けたり出来ます。 http://gomibako.hahaue.com/rth.html (Firefox only) 実際に文字の状態を変化させたりしたい場合は、 同要素の execCommand メソッドを使用すればよい。 たとえば、文字を太字にしたい場合は、 以下のように指定するだけで良い。 iframe.contentDocument.execCommand("bold",false,null); 色を赤くしたければ、 iframe.con
IE,FireFox,NN,mozillaではブラウザ上でワープロソフトのようにリッチテキスト編集を行うことができる。この機能の使い方をまとめる。 1.リッチ編集モードの有効化 ブラウザのリッチ編集モードを指定するにはdocumentのdesignModeをOnにする。 1.1 FireFox,NN,Mozillaの場合
改訂:2002年11月15日 リッチテキスト編集コントロールです。(訳注;以下の URI もご参照下さい:Rich-Text Editing in Mozilla 1.3) リッチテキスト編集を可能にする: ある文書があるとき、"designMode" 属性を加えて、それを "on" にして、編集可能な文書を手に入れることができます。 例えば、Javascript では、"edit" の id をもった iframe(インラインフレーム)があれば、次のようにしてその contentDocument を手に入れ、designMode を "on" に指定することができます:
Make a note of it: Web tech, montaineering, and so on. Note: この記事は、3年以上前に書かれています。Webの進化は速い!情報の正確性は自己責任で判断してください。 Javascriptを使ったWYSIWYGエディタと言えば、openWYSIWYGという立派なものが既に公開されているわけで、実際利用するにもこれを弄ったほうが使えそうなのですが、カスタムするにも周辺知識は必要だろう、ということで作ってみました。 動作確認はサンプルにて。おおかまかな手順は、以下。 iframeを生成する (textareaを隠す) iframeのdesignModeをonにする (文書を編集可能にする) iframeにイベントを付与する (編集内容をtextareaに反映する) 提供される機能としては、こんな感じです。 execCommand()で各
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く