マガジンのカバー画像

個人的な備忘録

37
Web開発するためにあれこれしたことのメモを集めたもの
運営しているクリエイター

#勉強

勉強するために買った本など置き場

Web開発するために読んだ資料や本を置いておきます。 勉強に使ったサイトや書籍、URLなんかを…

夕月悠里
4年前
6

Editor.jsについての備忘録1 基本

Editor.jsを使ってあれこれしてみたいので色々と調べてみた。ほぼ公式の訳だったり参考記事と…

夕月悠里
4年前
16

割烹エディターの開発メモ1

小説家になろうの活動報告を彩るためのエディター【割烹エディター】を開発した時のメモです。…

夕月悠里
4年前
3

割烹エディターの開発メモ2(縦書き割烹実装編)

縦書き割烹を作るときのJavascript実装メモ 0. 動作概要テキストエリアに入力された文字を一…

夕月悠里
4年前
2

割烹エディターの開発メモ3(メイン機能実装編)

ということでなんとなく改造方法が分かったので、実際にEditor.jsを改造して割烹エディターの…

夕月悠里
4年前
6

Editor.jsについての備忘録3 インラインツールの作成

Editor.jsのインラインツールのカスタマイズ方法について備忘録としてまとめる。 インライン…

夕月悠里
4年前
8

割烹エディターの開発メモ4(変換部の作成)

Editor.jsの出力はJSON形式なのでそれをHTML形式に変換しないといけない。なので変換部を作る。 JSON形式を見てみると blocks要素のtypeを調べてそれごとの処理を考えればいい。 そのあとの設定項目でさらに分岐させる感じにする。ということで実装していきます。 文章を書くところ:<br><div id="editor"></div><button id="save-button">押すと変換される</button><br>変換した後のソースコードが出

割烹エディター開発メモ7(カスタムインライン)

Editor.jsのカスタムインラインを作っていきます。 デフォルトでは、強調、斜体、リンクの3つ…

夕月悠里
4年前
2

割烹エディター開発メモ8(カスタムヘッダー)

次はヘッダーを作っていきます。 Editor.jsのプラグインにヘッダーもありますが、h1~h6の切り…

夕月悠里
4年前
2

割烹エディター開発メモ9(カスタムパラグラフ)

次はデフォルトの段落を改良していきます。 デフォルトの段落も色々と機能が足りてないのでカ…

夕月悠里
4年前
2

割烹エディター開発メモ10(カスタムHTML)

最低限の機能にもう一つ付けておきます。 HTMLタグをマスターしている人にとってもう少しカス…

夕月悠里
4年前
2

割烹エディターβ版リリースメモ1(Djangoプロジェクトの作成)

割烹エディターのα版ができたので、もう少し便利にしていくためにWebアプリケーションフレー…

夕月悠里
4年前
4

割烹エディター開発メモ11(インライン装飾)

忘れていたので追加しておきます。 インラインの文字を装飾するものです。 Spanを使って行い…

夕月悠里
4年前
2

割烹エディター開発メモ12(code)

大分できてきて、あとはCodeブロックを作っておきます。 小説家になろうでcodeブロックを作ろうとすると、<>のエスケープが必須。 またpreコードを使うと文書が突き抜けるので、使いません。 改行のためのスタイルも試してみましたが、取り除かれるのでpreもcodeも使用しない方向でいきます。(codeも小説家になろう独自のスタイルが適用されて面倒) class Code{ static get enableLineBreaks() { return