Transform in-line text, images and documents with AI
![Tiptap - Dev Toolkit Editor Suite](https://cdn-ak-scissors.b.st-hatena.com/image/square/d30cb46e2878eea6ecc1bb9fa8e5148ae1db6f17/height=288;version=1;width=512/https%3A%2F%2Ftiptap.dev%2Fog-image.png%3F1696356432)
Rich content editors should, ideally, produce clean, semantically meaningful documents while still being easy for users to understand. ProseMirror tries to bridge the gap between editing explicit, unambiguous content like Markdown or XML, and classical WYSIWYG editors. It does this by implementing a WYSIWYG-style editing interface for documents more constrained and structured than plain HTML. You
Preview画面とエディタ画面の両方を並べてリアルタイムプレビューとかやるのはだるいけど、かといってWYSIWIGエディタを使ってボタンをクリックしたりキーボードショートカットを覚えるのもだるい。Markdownを書いているつもりで記述したら勝手にWYSIWYGのようにスタイルが適用されてくれるエディタは無いかなと思って、既存のものを調べたあと試しに酷く簡単なものをつくってみた。 既存の実装 検索して見つけた近いものはこの辺り。 Pen - What You See Is What You Get (WYSIWYG) ZenPen ~ Minimal Distraction, Maximim Zen grande.js Medium.js ZenPenはシンプルなWYSIWYGエディタを実現するための実装。文書の編集にはcontentEditable属性とdesignMode属性を利用。
アンケートがきたのだけど、欄が狭かったので、こちらに書きます。 ひとことでいうなら、「あと一息で完璧」です。 まずシンプルで使いやすい。ベースデザインが見やすくなった。字がでかくてHigh DPIな環境で使いやすい。軽快に動く。テキストエリアがでかい。こういう、「ブログを書きたくなる」要素については、大満足です。 さらに、はてなブログには、(日本国内の)他社にない、決定的に良い点があります。 それは、「はてな記法」の存在です。 はてな記法が使えることには、WYSIWYGエディタにありがちな、モデルにビューが入り込んでるような気持ち悪さのない、「データをデータとして扱える」「exportしたときにゴミがない」「かといってHTMLみたいにpタグで囲む必要なく、改行だけでパラグラフを切れる」「本文を書くことに集中できる」という絶大なメリットがあります。はてな記法は、はてなブログ最強のアドバンテー
以上が終わったらapache再起動 ■出来ること 導入前後の画面を比べるとはっきり分かるが、Textareaの上部には、WYSIWYGにするかどうかのトグルが表示され、WYSIWYGを選択するとツールバーが表示されて、ごにょごにょ出来る。出来ることは以下の通り。 文字スタイル設定(H1~H6、コードブロック、引用) 文字装飾(太字、斜体、下線、取消し線) リンク挿入、リンク削除 リスト作成(番号つき、番号なし) インデント テーブル操作(作成、行や列の挿入・削除) 区切り線の挿入、改行の挿入 スクリーンショットはこんな感じ。ちょっとボタンは寂しいが、質実剛健。 ■お勧め度 ちょっと挙動が怪しげな気がしなくも無いのだけど、入れて損することはまずない。お勧め。 “TracWysiwygPluginを導入”へのコメントはありません。 コメントはありません。是非コメントしてください。
トップ > Movable Type > プラグイン > FCKeditor > 今日のコラム:AjaxなWYSIWYGエディタ、FCKeditor 2.6 日本語版をリリースしたよ。 4月7日にFCKeditor 2.6がリリースされたので、日本語ローカライズ化をおこない、Movable Type 4.1 jaだけでなく、Movable Type Open Source 4.15 Beta4 jaと、Movable Type 4.15Beta1 jaおよび、Drupal 6.2 日本語版でテストしてみた。 結果は良好であったので、FCKeditor 2.6 jaとしてリリースした。各CMSで、FCKeditorを使っている方が「利用してくれるといいな」と思う。 ◆ダウンロード 下記URLより、FCKeditor_2.6_ja.zipをダウンロード。 http://sourcefo
Notes: Blockquote can be created but the icon indicates indenting instead of quoting. This can lead to misuse of the blockquote element for formatting purposes. The br element is used instead of p. It looks like a nested list kan be created, but the HTML list elements are incorrectly nested and thus creates invalid markup. Only column headers can be created. A Safari version is being developed. Se
TinyMCE pluginでは、tinymceconf.csを置くことで、TinyMCEの表示をカスタマイズできます。で、標準ではいっぱい表示されてうざいので、適当に選んでみました。こんな感じの1行のツールバーが表示されます。 あと、日本語ファイル(ja.js)も直してます。 以下の内容をtinymceconf.csというファイル名でTracEnvのtemplatesフォルダに保存してください。なお、 force_p_newlineはEnterキーを押したときに<P>ではなく<BR />を挿入する「Enterキーを押したら改行だろう」というWord好きの人向けの設定となっています。「Enterキーを押したら<P>に決まってる!」というHTMLエディタ好きの人は、trueに設定してください。 <script language="javascript" type="text/javascri
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く