リッチテキストエディター（RTE）のJSライブラリ色々試してみた

2024/08/17 49 users rTe WYSIWYG リッチテキストエディター エディタ

リッチテキストエディタ(RTE)って？ リッチテキストエディタ（以下RTE）とは、文字を入力できるだけでなく、文字に装飾を加えたり、段落を設定できたりと複雑な機能を持つエディタのことです。 弊社プロダクトであるkintone内にも以下のようなエディタが存在します。 また、似たものを指すWYSIWYG(読み方:ウィジウィグ)... 続きを読む

【React】リッチテキストエディタ（Quill、Tiptap、Slate...）の考え方や前提知識

2024/08/13 234 users Quill slate React 既存 移行

概要 4年ほどProductionで使っていたリッチテキストエディタ（Quill on Nuxt.js v2）をTiptap on Next.jsに移行しました。 既存のQuillエディタの使い勝手をTiptapで再現しつつ、改善できるところは改善しつつ、既存の4年分のリッチテキストデータが正しく編集できるようにしなければいけませんでした。 本記事では移行... 続きを読む

共同編集可能で全ブラウザで動くWYSIWYGのリッチテキストエディタを作成できて商用OKなオープンソースの「ProseMirror」を使ってみた

2023/08/26 72 users WYSIWYG ツールキット クラウドファンディング ソース

ウェブ上でリッチテキストエディタを構築するためのオープンソースのツールキットが「ProseMirror」です。商用利用可能なライセンスになっており、もともと2015年にクラウドファンディングで約790万円を超える金額を集めて開発が始まったもの。ニューヨークタイムズ・Atlassian・asana・Box・Evernoteなども継続的な開発... 続きを読む

Vue.jsで作成された、ちょっと面白くて役立ちそうなサービス - Qiita

2020/01/29 542 users Qiita ソーシャルサービス Vue.js Vue ツール

概要 Vue.jsで作成されたプロジェクトを紹介しているサイト 「made with vue.js 」があります。 面白くて役立ちそうなツールやサービスをまとめてみました。 UIコンポーネント VueSocial ソーシャルサービスのボタンを作成するVueのコンポーネント CKE Editor 5 リッチテキストエディタのコンポーネント Vue.Draggable ... 続きを読む

Go lang勉強会 - connpass

2014/07/28 10 users connpass Markdown cookie ブラウザ

イベント・グループの説明文編集機能を変更しました。リッチテキストエディタは廃止し、Markdownを使って編集できるようになりました！ connpassの「シリーズ」が「グループ」と名称変更！ 見やすく・使いやすくなりました！ ログインできない方は、お手数ですがブラウザから connpass.com の cookie を削除してから、再ログインを試みてください。 続きを読む

Wordの文書を綺麗なHTMLに変換してくれる「word2clean html」 - WEBマーケティング ブログ

2013/12/29 62 users word 文書 HTML WEBマーケティング Edy

Wordで作成した文書をリッチテキストエディタに貼り付けて、ウェブサイトを作成している人もまだまだいらっしゃると思います。 しかし、Wordをそのままリッチテキストエディタに貼り付けると、どうしても綺麗とはいえないHTMLになってしまいます。そんなデメリットを解決してくれるツールを、今回はご紹介します。 コンビニでもEdyでポイントが貯まる年会費無料の楽天カード 10枚とじタイプもある針のいらない... 続きを読む

Hagoromo | Artman 21

2013/09/18 42 users ルビ 細部 文書 構造 圏点

Hagoromo は主に日本語を編集するためのリッチテキストエディタです。独自開発のテキストエンジンを装備し、 標準テキストエンジン（NSTextView）では難しかった 軽快な縦書き編集、原稿用紙モード、ルビ、縦中横、圏点など 日本語編集に欠かせない機能を実現しています。また、文書の全体の構造を定めてから細部を編集していくのに便利な アウトラインプロセッシング機能をサポートしています。もちろん、... 続きを読む

米Google社員が語った作業が捗るGoogle Chromeテクニック20個！ | 和洋風KAI

2013/05/14 1659 users 和洋風KAI 作業 翻訳 テキスト マット・カッツ氏

米Google社員が語った作業が捗るGoogle Chromeテクニック20個！ Tweet Photo by: jolieodell Googleの検索エンジン開発責任者である、マット・カッツ氏のブログに大変便利なGoogle Chrome Tipsが掲載されていたので日本語に翻訳＆意訳してご紹介します。 1．テキストのみコピペする方法。 リッチテキストエディタなどを使っていると、ブラウザからテ... 続きを読む

WordPressとエディタとマークアップ | CMS | ウェビンブログ

2012/02/17 37 users エディタ CMS ウェビンブログ WordPress HTML

WordPressをCMS的に利用する場合、リッチテキストエディタが非常に使いにくいことが問題になります。 エディタのUI自体はよくできているし、機能も豊富なのですが、本文中にHTMLを書いた場合に半角スペースやタグを自動フォーマットしてしまうため、div要素、table要素などを思うように記述できません。 特にHTMLモードからビジュルアルモードに切り替えたときの自動フォーマットのひどさは、これ... 続きを読む

書式やスタイルもOK。Dropboxと連携可能なリッチテキストエディタ『Essay - write in style』 | Essay - write in style（iPhoneアプリ）のレビュー【あっぷりぃ】 |

2011/05/18 7 users Essay iPhone Welcome Dropbox 書式

『Essay - write in style』（Ver2.1.1）は、Dropboxと連携可能なリッチテキストエディタです。iPhoneでもiPadでも利用出来るユニバーサルアプリです。書式やスタイルを設定できるので、見やすい文書を手軽に作成することができます。 ■iPhoneの場合 起動すると「Welcome」という文書があるのでタップして開いて見ましょう。 文書内には、見出しやリンク、リスト... 続きを読む