タグ

editorに関するpetite_blueのブックマーク (4)

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

    ウェブ上でリッチテキストエディタを構築するためのオープンソースのツールキットが「ProseMirror」です。商用利用可能なライセンスになっており、もともと2015年にクラウドファンディングで約790万円を超える金額を集めて開発が始まったもの。ニューヨークタイムズ・Atlassian・asana・Box・Evernoteなども継続的な開発をサポートしています。共同編集が可能な構造で、プラグイン形式によって独自の拡張を盛り込むこともできる高機能なツールキットになっており、マークダウン形式とWYSIWYMの切替、ツールチップの実装、画像のアップロード、独自メニューの構築、linterによるスキャンでエラー検出してユーザーが修正できるようにする、コンテンツ内に脚注を追加、変更履歴を保持して各ユーザーがここの変更を調べて元に戻せるようにする、などなどウェブアプリ開発で求められる機能が柔軟に追加でき

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

    Wiki風のページを作成可能な無料テキストエディタが「Zim」です。新規ページの作成やリンクの挿入などの機能を備え、タスクリストの整理や日記など、通常のメモ帳としても使用可能なこのソフトを実際に使ってみました。 Zim - a desktop wiki https://zim-wiki.org/index.html まずはZimのページにアクセスし、ダウンロードページへのリンクをクリック。 「Download here」をクリック。 今回使用するWindows版の最新バージョンをクリックしてダウンロードします。 ダウンロードしたファイルをクリックして実行。 インストーラーが立ちあがるので、「Next」をクリック。 「Next」をクリック。 「Next」をクリック。 ライセンスを読んで、「I Agree」をクリック。 「Install」をクリック。 最後に「Finish」をクリックします。

    Wiki風にメモを作成可能な無料テキストエディタ「Zim」
  • エンジニアに愛されているエディタ、第1位は?

    Neovim このほど、Stack Overflowから2021年の開発者調査結果「The 2021 Stack Overflow Developer Survey」が公開された。この調査はプログラミング開発の現状を知る方法として、注目度が高いもののひとつ。現状に加えて、開発者の思考も調査対象に含まれている点も興味深い。 使われている統合開発環境としては、Visual Studio Codeが1位となった。2位に比べて2倍以上のポイントをつけての1位であり、プログラミングにおいてVisual Studio Codeが高い人気を持っていることがわかる。ランキングでは、VimNeovimが別のソフトウェアとして分類されているが、合わせてVim系と考えると、5位から4位へ順位を上げることになる。 最も使われている統合開発環境 資料: Stack Overflow Stack Overflowの

    エンジニアに愛されているエディタ、第1位は?
  • 一度書いたコードは二度と探さない!スニペットを究めて快適コーディング!【HTML, CSS, JavaScript】 | WebNAUT by Beeworks

    一度書いたコードは二度と探さない!スニペットを究めて快適コーディング!【HTML, CSS, JavaScript】 ※この記事は2013年8月26日に執筆された記事です。現在は仕様が異なる可能性があります。 気がつけば繰り返し同じ単語で検索し、同じコードを書いている…なんてことはありませんか?「この部分の記述、もう一回使うことがあるかも」と思ったらぜひスニペットとして登録しておきましょう! スニペットとは繰り返し登場するコードの断片、またはそれをすぐに呼び出せるように管理するエディタの機能のことです。自分がよく使用する記述をスニペットにしておけばいちいち検索したり、昔書いたソースを探ってみたりすることなく、使いたい時に正確な記述をサッと呼び出して使うことができます。 Dreamweaver、Sublime Textなどのオーサリングツールやテキストエディタにはスニペットを自在に使うための

    一度書いたコードは二度と探さない!スニペットを究めて快適コーディング!【HTML, CSS, JavaScript】 | WebNAUT by Beeworks
  • 1