una-editor 0.4.0-alpha.4 → 0.4.0-alpha.5

package/README.en.md

@@ -24,6 +24,7 @@ A lightweight, high-performance Vue 3 editor component library based on CodeMirr
 - 🧩 **Structured Table Editing**: Supports structured table rendering, cell editing, row/column handles, append, and delete interactions under `livePreview`.
 - ⌨️ **Vim Mode Support**: Built-in classic Vim modal editing and keybindings.
 - 🎨 **Code Block Syntax Highlighting**: Built-in multi-language syntax highlighting with 9 color schemes and optional line numbers.
+- 📐 **Default 720px Content Column**: Wide layouts keep prose readable by constraining body content, images, tables, and code blocks to a shared column width.
 - 📦 **Dual Output Formats**: Supports both ESM and CommonJS.
 
 ## 📦 Installation
@@ -57,6 +58,20 @@ const content = ref('# Hello Una Editor!');
 </template>
 ```
 
+## ✍️ Content Column
+
+Una Editor constrains the prose content column to a maximum width of `720px` by default, while the left line-number gutter stays pinned to the outer editor edge. Images, structured tables, and code blocks follow the same shared width rule.
+
+Use `contentMaxWidth` when you want a different writing column:
+
+```vue
+<UnaEditor
+  v-model="content"
+  :content-max-width="840"
+  :live-preview="true"
+/>
+```
+
 ## 🎨 Code Block Syntax Highlighting
 
 Una Editor has built-in code block syntax highlighting with 9 color schemes and optional line numbers.

package/README.md

@@ -24,6 +24,7 @@
 - 🧩 **结构化表格编辑**：在 `livePreview` 下支持结构化表格渲染、单元格编辑、行列 handle、追加与删除等交互。
 - ⌨️ **Vim 模式支持**：内置经典的 Vim 模态编辑与键位绑定。
 - 🎨 **代码块语法高亮**：内置多语言语法高亮，支持 9 套配色方案和可选行号。
+- 📐 **默认 720px 内容版心**：宽屏下自动限制正文内容列宽度，图片、表格和代码块跟随统一版心。
 - 📦 **双格式输出**：同时支持 ESM 和 CommonJS。
 
 ## 📦 安装
@@ -57,6 +58,20 @@ const content = ref('# Hello Una Editor!');
 </template>
 ```
 
+## ✍️ 内容版心
+
+Una Editor 默认会将正文内容列限制在 `720px` 的最大宽度内，而左侧行号 gutter 仍然贴靠编辑器外框左侧显示。图片、结构化表格和代码块会跟随同一条内容版心约束。
+
+如果你想覆盖默认版心宽度，可以使用 `contentMaxWidth`：
+
+```vue
+<UnaEditor
+  v-model="content"
+  :content-max-width="840"
+  :live-preview="true"
+/>
+```
+
 ## 🎨 代码块语法高亮
 
 Una Editor 内置了代码块语法高亮功能，支持 9 套配色方案和可选的代码行号。