diff --git a/README.md b/README.md
index 830c31d7c..3d872f654 100644
--- a/README.md
+++ b/README.md
@@ -76,21 +76,14 @@ For more information on how to use the following functions, please see [characte
 
 ## Changelogs
 
-### [v3.73.1](https://github.com/purocean/yn/releases/tag/v3.73.1) 2024-07-16
-
-[Windows](https://github.com/purocean/yn/releases/download/v3.73.1/Yank-Note-win-x64-3.73.1.exe) | [macOS arm64](https://github.com/purocean/yn/releases/download/v3.73.1/Yank-Note-mac-arm64-3.73.1.dmg) | [macOS x64](https://github.com/purocean/yn/releases/download/v3.73.1/Yank-Note-mac-x64-3.73.1.dmg) | [Linux AppImage](https://github.com/purocean/yn/releases/download/v3.73.1/Yank-Note-linux-x86_64-3.73.1.AppImage) | [Linux deb](https://github.com/purocean/yn/releases/download/v3.73.1/Yank-Note-linux-amd64-3.73.1.deb)
-
-4. feat: Optimize file creation feature, add file type selection
-5. feat: Quick jump/recent documents function supports more file types
-6. feat: Add support for the `code-group` container block compatible with [VitePress](https://vitepress.dev/zh/guide/markdown#code-groups) style
-7. feat: Support for customizing the repository switch shortcut key. If your keyboard layout is not US, you can clear or change the shortcut key to avoid input interference
-8. feat: Optimize the selection of text in the code execution result, now you can select all the output content by double-clicking the execution result area
-9. feat: Optimize the function of opening HTML files
-10. feat: Support editing `.mjs`, `.mts`, '.cjs', `.cts` files
-11. feat: Optimize navigation history
-12. fix: Fix the issue of not being able to display directories ending with `git`, such as `testgit`
-13. feat(plugin): Add API related to file type registration, such as `ctx.doc.registerDocCategory`
-14. feat(plugin): Add API for changing directory tree operation buttons `ctx.tree.tapNodeActionButtons`
+### [v3.74.0](https://github.com/purocean/yn/releases/tag/v3.74.0) 2024-07-23
+
+[Windows](https://github.com/purocean/yn/releases/download/v3.74.0/Yank-Note-win-x64-3.74.0.exe) | [macOS arm64](https://github.com/purocean/yn/releases/download/v3.74.0/Yank-Note-mac-arm64-3.74.0.dmg) | [macOS x64](https://github.com/purocean/yn/releases/download/v3.74.0/Yank-Note-mac-x64-3.74.0.dmg) | [Linux AppImage](https://github.com/purocean/yn/releases/download/v3.74.0/Yank-Note-linux-x86_64-3.74.0.AppImage) | [Linux deb](https://github.com/purocean/yn/releases/download/v3.74.0/Yank-Note-linux-amd64-3.74.0.deb)
+
+1. feat: Support configuring the maximum width of the preview area content display in settings.
+2. refactor: Run JavaScript code in Web Worker by default, and terminate execution when switching documents.
+3. fix: Fix the error that occurs when the terminal shell configuration is an empty string.
+4. fix: Fix the issue where the to-do list cannot be completed after upgrading the Monaco editor.
 
 [More release notes](https://github.com/purocean/yn/releases)
 
diff --git a/README_ZH-CN.md b/README_ZH-CN.md
index 901de07e6..abb381e3c 100644
--- a/README_ZH-CN.md
+++ b/README_ZH-CN.md
@@ -76,21 +76,14 @@
 
 ## 更新日志
 
-### [v3.73.1](https://github.com/purocean/yn/releases/tag/v3.73.1) 2024-07-16
-
-[Windows](https://github.com/purocean/yn/releases/download/v3.73.1/Yank-Note-win-x64-3.73.1.exe) | [macOS arm64](https://github.com/purocean/yn/releases/download/v3.73.1/Yank-Note-mac-arm64-3.73.1.dmg) | [macOS x64](https://github.com/purocean/yn/releases/download/v3.73.1/Yank-Note-mac-x64-3.73.1.dmg) | [Linux AppImage](https://github.com/purocean/yn/releases/download/v3.73.1/Yank-Note-linux-x86_64-3.73.1.AppImage) | [Linux deb](https://github.com/purocean/yn/releases/download/v3.73.1/Yank-Note-linux-amd64-3.73.1.deb)
-
-4. feat: 优化文件创建功能，增加文件类型选择
-5. feat: 快速跳转/最近打开文档功能支持更多文件类型
-6. feat: 增加兼容[VitePress](https://vitepress.dev/zh/guide/markdown#code-groups) 风格的 `code-group` 容器块
-7. feat: 支持自定义切换仓库快捷键。如果你的键盘布局不是 US，可以清除或更改快捷键避免干扰输入
-8. feat: 优化运行代码结果文本选择，现在双击运行结果区域即可选中所有的输出内容
-9. feat: 优化打开 HTML 文件功能
-10. feat: 支持编辑 `.mjs`, `.mts`, '.cjs', `.cts` 文件
-11. feat: 优化导航历史记录
-12. fix: 修复不能显示 `git` 结尾的目录问题如 `testgit`
-13. feat(plugin): 增加注册文件类型相关 Api 如 `ctx.doc.registerDocCategory`
-14. feat(plugin): 增加更改目录树操作按钮 Api `ctx.tree.tapNodeActionButtons`
+### [v3.74.0](https://github.com/purocean/yn/releases/tag/v3.74.0) 2024-07-23
+
+[Windows](https://github.com/purocean/yn/releases/download/v3.74.0/Yank-Note-win-x64-3.74.0.exe) | [macOS arm64](https://github.com/purocean/yn/releases/download/v3.74.0/Yank-Note-mac-arm64-3.74.0.dmg) | [macOS x64](https://github.com/purocean/yn/releases/download/v3.74.0/Yank-Note-mac-x64-3.74.0.dmg) | [Linux AppImage](https://github.com/purocean/yn/releases/download/v3.74.0/Yank-Note-linux-x86_64-3.74.0.AppImage) | [Linux deb](https://github.com/purocean/yn/releases/download/v3.74.0/Yank-Note-linux-amd64-3.74.0.deb)
+
+1. feat: 支持在设置中配置预览区域内容显示最大宽度
+2. refactor: 默认在 Web Worker 中运行 JavaScript 代码，切换文档时候中止执行
+3. fix: 修复终端 shell 配置空字符串时候报错问题
+4. fix: 修复升级 Monaco 编辑器后不能补全待办列表问题
 
 [更多发布说明](https://github.com/purocean/yn/releases)
 
diff --git a/help/FEATURES.md b/help/FEATURES.md
index 761295140..095754a9a 100644
--- a/help/FEATURES.md
+++ b/help/FEATURES.md
@@ -285,13 +285,26 @@ Support to run `JavaScript` `PHP` `nodejs` `Python` `bash` `bat` code.
 This function is implemented by executing external commands, so the corresponding environment needs to be installed.
 
 The first line of the code block needs to contain the string `--run--`, an example is as follows
+
+The JS code runs in a Web Worker by default. If you need to run it in the main thread, you can add the `--no-worker--` parameter after the code block.
+
 ```js
 // --run--
 await new Promise(r => setTimeout(r, 500))
+console.log('HELLOWORLD')
+```
+
+The code running in the main thread supports accessing the editor API using the `ctx` object, as shown in the following example.
+
+```js
+// --run-- --no-worker--
+await new Promise(r => setTimeout(r, 500))
 ctx.ui.useToast().show("info", "HELLOWORLD!")
 console.log('HELLOWORLD')
 ```
 
+If HTML output is required, the `--output-html--` parameter can be added after the code block.
+
 ```js
 // --run-- --output-html--
 console.log(`output <i>HTML</i>`)
diff --git a/help/FEATURES_ZH-CN.md b/help/FEATURES_ZH-CN.md
index ef706dba4..50990e946 100644
--- a/help/FEATURES_ZH-CN.md
+++ b/help/FEATURES_ZH-CN.md
@@ -285,13 +285,26 @@ $\nabla \times \vec{\mathbf{B}} -\, \frac1c\, \frac{\partial\vec{\mathbf{E}}}{\p
 此功能执行外部命令实现，所以需要安装相应环境。
 
 代码块第一行需要包含以 `--run--` 字符串，示例如下
+
+Js 代码默认在 Web Worker 中运行，如果需要在主线程中运行，可以在代码块后面加上 `--no-worker--` 参数
+
 ```js
 // --run--
 await new Promise(r => setTimeout(r, 500))
+console.log('HELLOWORLD')
+```
+
+主线程中运行的代码支持使用 `ctx` 对象访问编辑器 API，示例如下
+
+```js
+// --run-- --no-worker--
+await new Promise(r => setTimeout(r, 500))
 ctx.ui.useToast().show("info", "HELLOWORLD!")
 console.log('HELLOWORLD')
 ```
 
+如果需要输出 HTML，可以在代码块后面加上 `--output-html--` 参数
+
 ```js
 // --run-- --output-html--
 console.log(`output <i>HTML</i>`)
diff --git a/package.json b/package.json
index 361affd0d..9f98203d8 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "yank.note",
-  "version": "3.73.1",
+  "version": "3.74.0",
   "description": "Yank Note: A highly extensible Markdown editor, designed for productivity.",
   "main": "dist/main/app.js",
   "license": "AGPL-3.0",
diff --git a/src/main/shell.ts b/src/main/shell.ts
index b60aa0915..88d0d48a6 100644
--- a/src/main/shell.ts
+++ b/src/main/shell.ts
@@ -8,7 +8,7 @@ const CD_COMMAND_PREFIX = '--yank-note-run-command-cd--'
 const defaultShell = os.platform() === 'win32' ? 'cmd.exe' : (process.env.SHELL || 'bash')
 
 const getShell = () => {
-  const shell = config.get(configKey, defaultShell) || defaultShell
+  const shell = (config.get(configKey, defaultShell) || '').trim() || defaultShell
 
   // use full path
   // TODO better way.
diff --git a/src/renderer/components/DefaultPreviewerRender.ce.vue b/src/renderer/components/DefaultPreviewerRender.ce.vue
index c8c63e303..c124271b2 100644
--- a/src/renderer/components/DefaultPreviewerRender.ce.vue
+++ b/src/renderer/components/DefaultPreviewerRender.ce.vue
@@ -1,5 +1,5 @@
 <template>
-  <div :class="{'markdown-view': true, presentation}">
+  <div :class="{'markdown-view': true, presentation}" :style="{'--markdown-body-max-width': markdownBodyMaxWidth}">
     <article ref="refView" class="markdown-body" @dblclick.capture="handleDbClick" @click.capture="handleClick" @contextmenu.capture="handleContextMenu">
       <Render :content="renderContent" />
     </article>
@@ -9,12 +9,13 @@
 <script lang="ts" setup>
 import { debounce } from 'lodash-es'
 import { computed, defineComponent, h, nextTick, onBeforeUnmount, onMounted, ref, watch } from 'vue'
-import { triggerHook } from '@fe/core/hook'
+import { triggerHook, registerHook, removeHook } from '@fe/core/hook'
 import { registerAction, removeAction } from '@fe/core/action'
 import { CtrlCmd } from '@fe/core/keybinding'
 import { toUri, isOutOfRepo } from '@fe/services/document'
 import * as renderer from '@fe/services/renderer'
 import { getContextMenuItems, getRenderIframe, scrollTopTo } from '@fe/services/view'
+import { getSetting } from '@fe/services/setting'
 import { useContextMenu } from '@fe/support/ui/context-menu'
 import { DOM_ATTR_NAME } from '@fe/support/args'
 import { getLogger, sleep } from '@fe/utils'
@@ -52,6 +53,8 @@ const fileUri = computed(() => toUri(currentFile.value))
 const refView = ref<HTMLElement | null>(null)
 const renderContent = ref()
 
+const markdownBodyMaxWidth = ref(getMarkdownBodyMaxWidth())
+
 let renderCount = 0
 let renderEnv: RenderEnv | null = null
 let updateRender = debounce(render, 25)
@@ -221,6 +224,23 @@ async function refresh () {
   triggerHook('VIEW_AFTER_REFRESH')
 }
 
+function getMarkdownBodyMaxWidth () {
+  const val = getSetting('view.default-previewer-max-width', 1024)
+  if (val < 10) {
+    return '1024px'
+  }
+
+  if (val <= 100) {
+    return `${val}%`
+  }
+
+  return `${val}px`
+}
+
+function updateMarkdownBodyMaxWidth () {
+  markdownBodyMaxWidth.value = getMarkdownBodyMaxWidth()
+}
+
 onMounted(() => {
   nextTick(renderDebounce)
   triggerHook('VIEW_MOUNTED')
@@ -239,6 +259,8 @@ onMounted(() => {
     forUser: true
   })
 
+  registerHook('SETTING_CHANGED', updateMarkdownBodyMaxWidth)
+
   window.addEventListener('keydown', keydownHandler, true)
 })
 
@@ -250,6 +272,7 @@ onBeforeUnmount(() => {
   removeAction('view.get-content-html')
   removeAction('view.get-view-dom')
   removeAction('view.get-render-env')
+  removeHook('SETTING_CHANGED', updateMarkdownBodyMaxWidth)
   window.removeEventListener('keydown', keydownHandler, true)
 })
 
@@ -423,7 +446,7 @@ body.find-in-preview-highlight ::selection {
 
 @media screen {
   .markdown-view  .markdown-body {
-    max-width: 1024px;
+    max-width: var(--markdown-body-max-width, 1024px);
     margin: 0 auto;
     color: var(--g-color-0);
     margin-top: 1em;
diff --git a/src/renderer/components/Setting.vue b/src/renderer/components/Setting.vue
index 6c08fdc79..b32c5105f 100644
--- a/src/renderer/components/Setting.vue
+++ b/src/renderer/components/Setting.vue
@@ -256,7 +256,7 @@ export default defineComponent({
   }
 
   ::v-deep(.je-form-input-label) {
-    width: 100px;
+    width: 120px;
     display: inline-flex;
     align-items: center;
     flex: none;
@@ -264,7 +264,7 @@ export default defineComponent({
   }
 
   ::v-deep(.je-form-input-label + input) {
-    max-width: calc(100% - 120px);
+    max-width: calc(100% - 140px);
   }
 
   ::v-deep(.je-form-input-label ~ .je-form-input-label) {
@@ -277,6 +277,17 @@ export default defineComponent({
     display: block;
   }
 
+  ::v-deep(.je-form-input-label + input[type=number]) {
+    max-width: 130px;
+  }
+
+  ::v-deep(input[type=number] ~ .je-form-input-label) {
+    width: auto;
+    display: flex;
+    align-items: center;
+    margin-left: 8px;
+  }
+
   ::v-deep(.form-control .errmsg) {
     font-size: 12px;
     text-align: right;
diff --git a/src/renderer/others/setting-schema.ts b/src/renderer/others/setting-schema.ts
index 808830071..7ebe246cd 100644
--- a/src/renderer/others/setting-schema.ts
+++ b/src/renderer/others/setting-schema.ts
@@ -70,6 +70,17 @@ const schema: SettingSchema = ({
       group: 'appearance',
       required: true,
     },
+    'view.default-previewer-max-width': {
+      defaultValue: 1024,
+      title: 'T_setting-panel.schema.view.default-previewer-max-width',
+      type: 'number',
+      format: 'number',
+      group: 'appearance',
+      required: true,
+      description: 'T_setting-panel.schema.view.default-previewer-max-width-desc',
+      minimum: 10,
+      maximum: Number.MAX_SAFE_INTEGER,
+    },
     'updater.source': {
       defaultValue: 'auto',
       title: 'T_setting-panel.schema.updater.source',
@@ -366,7 +377,8 @@ const schema: SettingSchema = ({
       defaultValue: 3044,
       title: 'T_setting-panel.schema.server.port',
       description: 'T_setting-panel.schema.server.port-desc',
-      type: 'number',
+      type: 'integer',
+      format: 'number',
       group: 'other',
       required: true,
       minimum: 10,
diff --git a/src/renderer/plugins/code-runners.tsx b/src/renderer/plugins/code-runners.tsx
index 19ff8b25a..0f6453df8 100644
--- a/src/renderer/plugins/code-runners.tsx
+++ b/src/renderer/plugins/code-runners.tsx
@@ -2,15 +2,48 @@ import type { Plugin } from '@fe/context'
 import { sleep } from '@fe/utils'
 import type { ReadableStreamDefaultReadResult } from 'stream/web'
 
-class JavascriptExecutor implements ReadableStreamDefaultReader<string> {
+const getConsole = (console: Console, resolve: (value: string) => void) => {
+  const stringify = (args: any[]) => args.map((arg) => {
+    if (['boolean', 'number', 'bigint', 'string', 'symbol', 'function'].includes(typeof arg)) {
+      return arg.toString()
+    } else {
+      return JSON.stringify(arg)
+    }
+  }).join(' ')
+
+  const tick = async (args: any[]) => {
+    const str = stringify(args) + '\n'
+    await new Promise(resolve => setTimeout(resolve, 0))
+    resolve(str)
+  }
+
+  return new Proxy(console, {
+    get: (obj: any, prop: any) => ['error', 'warn', 'info', 'log', 'debug'].includes(prop)
+      ? (...args: any[]) => {
+          obj[prop](...args)
+          if (prop === 'log') {
+            tick(args)
+          } else {
+            tick([`${prop[0]}:`, ...args])
+          }
+        }
+      : obj[prop]
+  })
+}
+
+let javascriptWorker: Worker | null = null
+
+class JavascriptIframeExecutor implements ReadableStreamDefaultReader<string> {
   private code: string
+  private signal?: AbortSignal
   private _readResolve: (value: string) => void = () => 0
 
   closed: Promise<undefined>
   _state: 'pending' | 'done' | 'error'
 
-  constructor (code: string) {
+  constructor (code: string, opts?: { signal?: AbortSignal }) {
     this.code = code
+    this.signal = opts?.signal
     this._state = 'pending'
     this.closed = this.runCode()
 
@@ -23,7 +56,7 @@ class JavascriptExecutor implements ReadableStreamDefaultReader<string> {
     })
   }
 
-  private getIframeWindow () {
+  private getIframe () {
     const id = 'code-runner-javascript-vm'
 
     // clean up
@@ -33,42 +66,23 @@ class JavascriptExecutor implements ReadableStreamDefaultReader<string> {
     iframe.id = id
     iframe.style.display = 'none'
     document.body.appendChild(iframe)
-    const iframeWindow = iframe.contentWindow! as Window & typeof globalThis
 
+    const iframeWindow = iframe.contentWindow! as Window & typeof globalThis
     iframeWindow.ctx = window.ctx
 
-    return iframeWindow
+    return iframe
   }
 
   private async runCode (): Promise<undefined> {
-    const stringify = (args: any[]) => args.map((arg) => {
-      if (['boolean', 'number', 'bigint', 'string', 'symbol', 'function'].includes(typeof arg)) {
-        return arg.toString()
-      } else {
-        return JSON.stringify(arg)
-      }
-    }).join(' ')
-
-    const tick = async (args: any[]) => {
-      const str = stringify(args) + '\n'
-      await sleep(0)
-      this._readResolve(str)
-    }
+    const iframe = this.getIframe()
+    const iframeWindow = iframe.contentWindow! as Window & typeof globalThis
 
-    const iframeWindow = this.getIframeWindow()
-    const xConsole = new Proxy(iframeWindow.console, {
-      get: (obj: any, prop: any) => ['error', 'warn', 'info', 'log', 'debug'].includes(prop)
-        ? (...args: any[]) => {
-            obj[prop](...args)
-            if (prop === 'log') {
-              tick(args)
-            } else {
-              tick([`${prop[0]}:`, ...args])
-            }
-          }
-        : obj[prop]
+    this.signal?.addEventListener('abort', () => {
+      iframe.remove()
     })
 
+    const xConsole = getConsole(iframeWindow.console, val => this._readResolve(val))
+
     const AsyncFunction = iframeWindow.eval('(async function(){}).constructor')
     const fn = new AsyncFunction('console', 'ctx', this.code)
     await fn.call(iframeWindow, xConsole, window.ctx)
@@ -105,6 +119,113 @@ class JavascriptExecutor implements ReadableStreamDefaultReader<string> {
   }
 }
 
+class JavascriptWorkerExecutor implements ReadableStreamDefaultReader<string> {
+  private code: string
+  private signal?: AbortSignal
+  private _readResolve: (value: string) => void = () => 0
+  private workerScript = `
+    const getConsole = ${getConsole.toString()}
+    self.onmessage = async (event) => {
+      const { code } = event.data
+      const xConsole = getConsole(console, val => self.postMessage({ type: 'output', value: val }))
+      const AsyncFunction = eval('(async function(){}).constructor')
+
+      try {
+        const fn = new AsyncFunction('console', code)
+        await fn.call(self, xConsole)
+        self.postMessage({ type: 'done' })
+      } catch (error) {
+        self.postMessage({ type: 'error', value: error.message || String(error) })
+      }
+    }
+  `
+
+  closed: Promise<undefined>
+  _state: 'pending' | 'done' | 'error'
+
+  constructor (code: string, opts?: { signal?: AbortSignal }) {
+    this.code = code
+    this.signal = opts?.signal
+    this._state = 'pending'
+    this.closed = this.runCode()
+
+    // javascript never ends
+    this.closed.then(() => {
+      // this._state = 'done'
+    }).catch((error) => {
+      this._readResolve(error.message || String(error))
+      // this._state = 'error'
+    })
+  }
+
+  private getWorker () {
+    if (javascriptWorker) {
+      javascriptWorker.terminate()
+      javascriptWorker = null
+    }
+
+    const blob = new Blob([this.workerScript], { type: 'application/javascript' })
+    const url = URL.createObjectURL(blob)
+    javascriptWorker = new Worker(url)
+    URL.revokeObjectURL(url)
+
+    return javascriptWorker
+  }
+
+  private async runCode (): Promise<undefined> {
+    await new Promise<void>(resolve => {
+      const worker = this.getWorker()
+      worker.onmessage = async (event) => {
+        const { type, value } = event.data
+        if (type === 'output') {
+          this._readResolve(value)
+        } else if (type === 'error') {
+          this._readResolve(value)
+        } else if (type === 'done') {
+          resolve()
+        }
+      }
+
+      worker.postMessage({ code: this.code })
+
+      this.signal?.addEventListener('abort', () => {
+        worker.terminate()
+        resolve()
+      })
+    })
+
+    await sleep(0)
+    this._readResolve('')
+
+    return undefined
+  }
+
+  read (): Promise<ReadableStreamDefaultReadResult<string>> {
+    if (this._state === 'done') {
+      return Promise.resolve({ done: true })
+    }
+
+    if (this._state === 'error') {
+      return Promise.reject(new Error('Error while running code'))
+    }
+
+    return new Promise((resolve) => {
+      this._readResolve = (value: string) => {
+        this._readResolve = () => 0
+        resolve({ value, done: false })
+      }
+    })
+  }
+
+  releaseLock (): void {
+    throw new Error('Method not implemented.')
+  }
+
+  cancel (): Promise<void> {
+    throw new Error('Method not implemented.')
+  }
+}
+
 export default {
   name: 'code-runners',
   register: (ctx) => {
@@ -118,12 +239,13 @@ export default {
       getTerminalCmd () {
         return null
       },
-      async run (_, code) {
+      async run (_, code, opts) {
         const firstLine = code.split('\n')[0].trim()
+        const noWorker = firstLine.includes('--no-worker--')
         const outputHtml = firstLine.includes('--output-html--')
         return {
           type: outputHtml ? 'html' : 'plain',
-          value: new JavascriptExecutor(code)
+          value: noWorker ? new JavascriptIframeExecutor(code, opts) : new JavascriptWorkerExecutor(code, opts)
         }
       },
     })
@@ -157,7 +279,10 @@ export default {
       /* eslint-disable no-template-curly-in-string */
 
       items.push(
-        { label: '/ ``` Run Code', insertText: '```js\n// --run--\n${1:await new Promise(r => setTimeout(r, 500))\nctx.ui.useToast().show("info", "HELLOWORLD!")\nconsole.log("hello world!")}\n```\n', block: true },
+        { label: '/ ``` Run Code (JavaScript)', insertText: '```js\n// --run--\n${1:await new Promise(r => setTimeout(r, 500))\nconsole.log("hello world!")}\n```\n', block: true },
+        { label: '/ ``` Run Code (JavaScript - No Worker)', insertText: '```js\n// --run-- --no-worker--\n${1:await new Promise(r => setTimeout(r, 500))\nctx.ui.useToast().show("info", "HELLOWORLD!")\nconsole.log("hello world!")}\n```\n', block: true },
+        { label: '/ ``` Run Code (Bash)', insertText: '```bash\n# --run--\n${1:echo HELLOWORLD}\n```\n', block: true },
+        { label: '/ ``` Run Code (C)', insertText: '```c\n// --run-- gcc \\$tmpFile.c -o \\$tmpFile.out && \\$tmpFile.out\n${1:#include <stdio.h>\n \nint main () {\n    printf("Hello, World!");\n    return 0;\n}}\n```\n', block: true },
       )
     })
   }
diff --git a/src/renderer/plugins/editor-md-syntax.ts b/src/renderer/plugins/editor-md-syntax.ts
index 746407ed6..eba740243 100644
--- a/src/renderer/plugins/editor-md-syntax.ts
+++ b/src/renderer/plugins/editor-md-syntax.ts
@@ -235,6 +235,7 @@ export default {
 
     ctx.editor.tapMarkdownMonarchLanguage(mdLanguage => {
       mdLanguage.tokenizer.root.unshift(
+        [/^\s*[+\-*] \[[ xX]\]\s/, 'keyword'],
         [/==\S.*\S?==/, 'keyword'],
         [/(\[\[)([^[\]]+)(\]\])/, ['keyword.predefined', 'string', 'keyword.predefined']],
         [/~\S[^~]*\S?~/, 'string'],
diff --git a/src/renderer/plugins/markdown-code-run.ts b/src/renderer/plugins/markdown-code-run.ts
index fbdfe4e85..b64f8e967 100644
--- a/src/renderer/plugins/markdown-code-run.ts
+++ b/src/renderer/plugins/markdown-code-run.ts
@@ -91,10 +91,12 @@ const RunCode = defineComponent({
       result.value = t('code-run.running')
 
       try {
-        if (!runner.value.nonInterruptible) {
-          abortController.value = new AbortController()
+        if (abortController.value) {
+          abort()
         }
 
+        abortController.value = new AbortController()
+
         const { type, value: val } = await runner.value.run(language!, code, { signal: abortController.value?.signal })
 
         if (typeof val === 'string') {
diff --git a/src/renderer/types.ts b/src/renderer/types.ts
index 51c01ec9d..1796ee54a 100644
--- a/src/renderer/types.ts
+++ b/src/renderer/types.ts
@@ -351,6 +351,7 @@ export interface BuildInSettings {
   'render.multimd-rowspan': boolean,
   'render.multimd-headerless': boolean,
   'render.multimd-multibody': boolean,
+  'view.default-previewer-max-width': number,
   'assets.path-type': 'relative' | 'absolute' | 'auto',
   'plugin.image-hosting-picgo.server-url': string,
   'plugin.image-hosting-picgo.enable-paste-image': boolean,
diff --git a/src/share/i18n/languages/en.ts b/src/share/i18n/languages/en.ts
index 9afd19d6b..cc01ab858 100644
--- a/src/share/i18n/languages/en.ts
+++ b/src/share/i18n/languages/en.ts
@@ -410,6 +410,10 @@ const data = {
         'multimd-headerless': '[markdown-it-multimd-table]: Enable headerless syntax',
         'multimd-multibody': '[markdown-it-multimd-table]: Enable multibody syntax',
       },
+      'view': {
+        'default-previewer-max-width': 'Previewer Max Width',
+        'default-previewer-max-width-desc': '≤ 100 means percentage, > 100 means pixels',
+      },
       'theme': 'Theme',
       'language': 'Language',
       'custom-css': 'Custom CSS',
diff --git a/src/share/i18n/languages/zh-CN.ts b/src/share/i18n/languages/zh-CN.ts
index 451c82bff..4fa5aaa69 100644
--- a/src/share/i18n/languages/zh-CN.ts
+++ b/src/share/i18n/languages/zh-CN.ts
@@ -52,7 +52,7 @@ const data: BaseLanguage = {
       'intro': '介绍',
       'current-plan': '当前版本',
       'included': '已包含',
-      'desc': 'Yank Note 是一款面向程序员的开源笔记应用，从 2018 年开始，一直在不断开发和更新。因为软件的开发和维护需要精力和资金，现推出付费高级版。如果你想支持我的开发工作，或需要使用高级版功能，可以选择购买高级版。',
+      'desc': 'Yank Note 是一款开源笔记应用，从 2018 年开始，一直在不断开发和更新。因为软件的开发和维护需要精力和资金，现推出付费高级版。如果你想支持我的开发工作，或需要使用高级版功能，可以选择购买高级版。',
       'free-desc': '满足大部分用户需求',
       'premium-desc': '更多高级功能',
       'free-list': '基础编辑功能\n图形嵌入\n运行代码片段\nHTML 小工具\n文档加密\n内置终端\n文档历史\n插件扩展',
@@ -401,6 +401,10 @@ const data: BaseLanguage = {
         'multimd-headerless': '[markdown-it-multimd-table]: 启用 headerless 语法',
         'multimd-multibody': '[markdown-it-multimd-table]: 启用 multibody 语法',
       },
+      'view': {
+        'default-previewer-max-width': '预览区最大宽度',
+        'default-previewer-max-width-desc': '≤ 100 为百分比，> 100 为像素',
+      },
       'theme': '主题',
       'language': '语言',
       'custom-css': '自定义 CSS',
diff --git a/src/share/i18n/languages/zh-TW.ts b/src/share/i18n/languages/zh-TW.ts
index f3b0b68b6..d78d49e25 100644
--- a/src/share/i18n/languages/zh-TW.ts
+++ b/src/share/i18n/languages/zh-TW.ts
@@ -52,7 +52,7 @@ const data: BaseLanguage = {
       'intro': '簡介',
       'current-plan': '目前版本',
       'included': '包含內容',
-      'desc': 'Yank Note 是一款面向程式設計師的開源筆記應用，自 2018 年起持續開發、更新。由於軟體的開發、維護需要用心力與資金，決定推出付費高級版。如果您想支持我的開發工作，或需要使用高級版的功能，可以選擇購買高級版。',
+      'desc': 'Yank Note 是一款開源筆記應用，自 2018 年起持續開發、更新。由於軟體的開發、維護需要用心力與資金，決定推出付費高級版。如果您想支持我的開發工作，或需要使用高級版的功能，可以選擇購買高級版。',
       'free-desc': '滿足大部分使用者需求',
       'premium-desc': '更多高級功能',
       'free-list': '基礎編輯功能\n圖形嵌入\n執行程式碼片段\nHTML 工具\n文件加密\n內建終端機\n文件歷史\n擴充套件',
@@ -401,6 +401,10 @@ const data: BaseLanguage = {
         'multimd-headerless': '[markdown-it-multimd-table]: 啟用 headerless 語法',
         'multimd-multibody': '[markdown-it-multimd-table]: 啟用 multibody 語法',
       },
+      'view': {
+        'default-previewer-max-width': '預覽區最大寬度',
+        'default-previewer-max-width-desc': '≤ 100 為百分比，> 100 為像素',
+      },
       'theme': '主題',
       'language': '語言',
       'custom-css': '自訂 CSS',