タグ

関連タグで絞り込む (0)

  • 関連タグはありません

タグの絞り込みを解除

javascriptとWYSIWYGに関するgorton-labのブックマーク (2)

  • JavaScriptのdesignmodeに関する質問です。 iframeにdesignmode='on'を設定し、WYSIWYGな編集環境を開発しています。…

    JavaScriptのdesignmodeに関する質問です。 iframeにdesignmode='on'を設定し、WYSIWYGな編集環境を開発しています。 これにつきまして、単純にdesignmodeを実装するだけでは、iframe内でENTERキー押下による改行を行った場合に見た目として二行分の改行がなされ、<p></p>タグが挿入されるという挙動になります。 (一行分の改行を行い、<br />タグを挿入するためにはSHIFT+ENTER)。 直感的な操作を実現する上では、ENTER押下時には一行分の改行を行い、<br />タグ挿入という挙動に変更したいのですが、その方法をご存知の方、教えていただけないでしょうか。

  • 簡易WYSIWYGエディタを作る - Archiva

    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()で各

    gorton-lab
    gorton-lab 2011/12/10
    リッチエディタ
  • 1