エディター

mdBookは、コードを実行できるplaygroundに加え、編集可能にする機能も任意で提供します。編集可能なコードブロックを有効にするには、book.tomlへ次の設定を追加します。

[output.html.playground]
editable = true

編集可能なコードブロックを有効にした後、編集するコードブロックへeditable属性を追加する必要があります。

```rust,editable
fn main() {
    let number = 5;
    print!("{}", number);
}
```

上の設定と例から、次の編集可能なplaygroundが生成されます。

fn main() {
    let number = 5;
    print!("{}", number);
}

編集可能なplaygroundに追加されたUndo Changesボタンに注目してください。

エディターをカスタマイズする

既定ではAceエディターを使いますが、必要に応じて別のフォルダーを指定し、機能を置き換えることもできます。

[output.html.playground]
editable = true
editor = "/path/to/editor"

エディターの変更を正しく機能させるには、themeフォルダー内のbook.jsも上書きする必要があります。既定のAceエディターとの連携処理が含まれているためです。