リッチテキストエディタの概念と採用したEditor.jsの話 - enechain Tech Blog
この記事は enechain Advent Calendar 2023 の24日目の記事です。 はじめに こんにちは、enechain でフルスタックエンジニアをしている @tanaka-yui です。 enechain が提供している eCompass というプロダクトは、世界中のマーケット価格を分析しやすい形で視覚化し、タイムリーに提供するアプリケーションです。 価格だけでなく、電力動向の分析レポートやガスマーケット市場レポート、電力取引の制度に関するレポートなども提供しています。 今回の記事では、その eCompass でレポートの入稿のために採用したブロックスタイルエディタ「Editor.js」の話と、社内の帳票テンプレート生成エディタで作成した独自エディタの話をしようと思います。 リッチテキストエディタとは何かという解説をしながら、採用したエディタについて紹介したいと思います。
完全カスタマイズOK！ブロックスタイルのテキストエディタを開発可能な「Editor.js」を使ってみた！ - paiza times
どうも、まさとらん（@0310lan）です！ 今回は、Mediumなどにも採用されているブロックスタイルのテキストエディタを開発できるJavaScriptライブラリをご紹介します！ ヘッダー要素・リスト・画像など、それぞれのコンテンツを独立したブロックで管理することができ、保存時の出力はクリーンなJSONデータとして取得することができます。 また、簡単に開発できるプラグインにより、欲しい機能を好きなだけ拡張していくことも可能なので、オリジナルのテキストエディタにご興味ある方はぜひ参考にしてみてください！ なおpaizaラーニングでは、JavaScriptの基本が学べる講座「JavaScript入門編」を公開しています。そちらも合わせてチェックしてみてください。 【 Editor.js 】 ■「Editor.js」の導入方法 それでは、最初にEditor.jsをどのように使えばよいのかを見て
シンプルで使ってみたいWYSIWYGエディター Editor.js | アールエフェクト
本文書で今回紹介するのはNote, Medium, WordPressのGutenbergのようなブロックスタイルのエディターのEditor.jsです。Rich Text Editorとしてシンプルで使いやすそうだったのでどのように設定を行うのか確認しました。現在も更新が行われており、2024年9月現在のバージョンはv2.30.5です。 動作確認はmacOSで行っていますがcdnで利用することができるため動作確認を簡単に行うことができます。 ブロックエディターはWordpressのプラグインにも利用されている Ediror.jsとは Editor.jsのページにはFree block-style editorと記述されている通りブロックスタイルのエディターです。 Editor.jsは主に下記の3つの特徴的な機能を持っています。 一つ目の特徴はブロックスタイルエディターということで見出し(H
ffmpeg.wasmをGitHub Pagesで動かすよ - フレクトのクラウドblog re:newal
こんにちは。研究開発室の岡田です。 Heroku 無料枠終了のお知らせの衝撃からだいぶ月日がたち、終了まで残り1か月強となりました。皆様におかれましては、有料プランへの移行準備あるいは、別サービスへの移行作業は進められておられますでしょうか。どうすべきか迷っておられる方は、識者の方々がいろいろと比較検討してくださっていますので、ご参考にされるといいと思います。(参考, 参考, 参考, 参考) 私も例にもれず、実験的なアプリはHerokuにデプロイするのが常であり、いろいろとお世話になっていました。慣れもあるかもしれませんが、Herokuの開発UXは非常に優れていると感じており、サーバ側で処理が必要となるようなアプリについては、引き続きHerokuを使ってもいいかなと考えています。一方で、サーバ側の処理がない、いわゆる静的なアプリについては、ソースコードと一緒にリポジトリで管理できるので、G
Spectre の脅威とウェブサイトが設定すべきヘッダーについて
長い記事なので先に結論を書きます。 Spectre の登場で、ウェブサイトに必要とされるセキュリティ要件は増えました。具体的に必要な対策は下記の通りです。 すべてのリソースは Cross-Origin-Resource-Policy ヘッダーを使って cross-origin なドキュメントへの読み込みを制御する。 HTML ドキュメントには X-Frame-Options ヘッダーもしくは Content-Security-Policy (CSP) ヘッダーの frame-ancestors ディレクティブを追加して、cross-origin なページへの iframe による埋め込みを制御する。 HTML ドキュメントには Cross-Origin-Opener-Policy ヘッダーを追加して popup ウィンドウとして開かれた場合の cross-origin なページとのコミュニ
ファンクラブ - ThankCUE TOURS vol.10「大泉洋と行く豪華客船クルーズ3日間 YOソロー！！キャプテン大泉、神戸港へ舵を取れ」 - INFORMATION
ファンクラブ ThankCUE TOURS vol.10「大泉洋と行く豪華客船クルーズ3日間 YOソロー！！キャプテン大泉、神戸港へ舵を取れ」 2013年のベトナムから11年ぶりの大泉洋と行く「ThankCUE TOURS」は豪華客船クルーズ！ 日本一の豪華客船「飛鳥Ⅱ」で最上級のサービスやお食事をたっぷり堪能しながら、連日連夜行われるエンターテイナー大泉洋のショーをお楽しみください。 家族旅行や記念日にもオススメです。もちろんお一人様参加もお待ちしております！ 大泉特別仕様で皆さまを優雅な海の旅へご案内します！ 本クルーズのとっておきのオススメポイントをご紹介します。 ★今回は日本一の豪華客船の旅★ 日本が誇る豪華客船「飛鳥Ⅱ」を全船貸し切って過ごす洋上のひとときを「大泉洋特別仕様」でご堪能ください。 とにかく「飛鳥Ⅱ」がすごい！どんな豪華客船かはこちらをチェック▶ASUKA CRUIS
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
GitHub - gzuidhof/coi-serviceworker: Cross-origin isolation (COOP and COEP) through a service worker for situations in which you can't control the headers (e.g. GH pages)
GitHub - w-okada/screen-recorder-ts