@editorjsを日本語対応にする

@editorjsを日本語対応にする

@editorjsを使った時、ツールバーなどはデフォルトで英語なので日本語にできるか調べたときのメモ

日本語化に必要なオプションは下記サイトの174~301行の部分

ドキュメントはロシア語が書かれていたので、Claudeを使って日本語に訳したオプションを生成させた

export const i18nConfig = {
  messages: {
    ui: {
      "blockTunes": {
        "toggler": {
          "Click to tune": "クリックして調整",
          "or drag to move": "またはドラッグして移動"
        },
      },
      "inlineToolbar": {
        "converter": {
          "Convert to": "変換"
        }
      },
      "toolbar": {
        "toolbox": {
          "Add": "追加"
        }
      }
    },
    toolNames: {
      "Text": "テキスト",
      "Heading": "見出し",
      "List": "リスト",
      "Warning": "警告",
      "Checklist": "チェックリスト",
      "Quote": "引用",
      "Code": "コード",
      "Delimiter": "区切り線",
      "Raw HTML": "HTML",
      "Table": "表",
      "Link": "リンク",
      "Marker": "マーカー",
      "Bold": "太字",
      "Italic": "斜体",
      "InlineCode": "インラインコード",
    },
    tools: {
      "warning": {
        "Title": "タイトル",
        "Message": "メッセージ",
      },
      "link": {
        "Add a link": "リンクを追加",
      },
      "stub": {
        'The block can not be displayed correctly.': 'このブロックは正しく表示できません。',
      },
    },
  },
};

Convert toだけがなぜか日本語にならないのが解決できなかった

最後に

間違っていることがあれば、コメントに書いていただけると幸いです。
よろしくお願いいたします。