在Typora中增加编辑器宽度或可视区域

Question

在Typora中书写时，可见宽度（编辑器宽度）受到限制。

如何从A扩大到B？

Answer 1

您可以更改正在使用的主题的CSS文件。转到 File > Preference 或按 Ctrl+Comma 。在 Themes 中，单击 Open Theme Folder 。

打开您主题的CSS文件。例如，我使用的是 Github 主题。

所以我要打开 github.css 文件。在CSS文件中，转到#write（写ID）。在这里更改max-width的值。

此主题中的max-width的默认值为860px。您可以将其增加到所需的任何值。例如：

max-width: 1200px;

在某些主题中，您可能还会在max-width中找到em而不是px。例如：

max-width: 40em;

将此值增加到您喜欢的任何宽度。

如果您希望编辑器为全角，请完全删除此max-width属性。

Answer 2

有两个support pages on Typora's website解决了这个问题。 @itsmysterybox的答案之间的主要区别是，您在themes文件夹中创建了一个base.user.css文件，并在下面的代码段中添加了所需的任何值。这样做意味着它将适用于所有主题。

#write {
  max-width: 1800px; /*adjust writing area position*/
}

如果要调整源代码模式的宽度，可以使用：

#typora-source .CodeMirror-lines {
  max-width: auto; /*or 1000px*/
}

Answer 3

Typora和有效宽度

为进行记录，您可以按如下方式编辑文件。

• 查看CSS所在的文件夹（如其神秘框所示）

• 找到.css文件，然后将其复制为新文件。例如github2.css

• 此外，复制与您复制的.css相关的文件夹，并使用相同的名称进行重命名，例如github2 \

• 查找下一行：

  @纯媒体屏幕和（最小宽度：1400px）{ #write { 最大宽度：1024px； } }

  @仅媒体屏幕和（最小宽度：1800像素）{ #write { 最大宽度：1200px； } }

并删除它。

• 找到下一行

  #write {
  最大宽度：860px；
  保证金：0自动;
  填充：30px;
  padding-bottom：100px;
  }

并将行最大宽度：860px; 修改为最大宽度：95％；

• 重新启动应用程序并选择新主题（参见图片）

为什么用95％而不是100％？

我们为滚动条留出一些空间。但是，显然100％也可以，并且不会破坏任何可视化效果。

为什么我们需要复制.css和文件夹而不是编辑现有文件夹？

因为程序的更新可以（并且很可能会）替换它。