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

EN

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

​

​

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

​

​

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

​

​

这个主题中max-width的默认值是860 is。你可以把这个加到你想要的任何地方。例如：

max-width: 1200px;

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

max-width: 40em;

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

如果您希望编辑器是全宽度的，请完全删除此max-width属性。

泰波拉和负责任宽度

对于记录，您可以按以下方式编辑该文件。

• 查看CSS所在的文件夹(如其itsmysterybox所示)。
• 找到.css文件并使用一个新文件复制它。例如github2.css
• 另外，复制与您复制的.css相关的文件夹，并用相同的名称重命名它，例如github2\
• 找到下一行： @media只显示屏幕和(最小宽度:1400 max){#写{max-宽度:1024 max；} @media只显示屏幕和(最小宽度:1800 max){#写{max-宽度:1200 max；}

然后删除它。

• 找到下一行 #写{ 最大宽度:860 max； 页边距:0自动； 填充物:30 padding； 填充-底部:100 padding； }

编辑行的最大宽度:860 to；到的最大宽度: 95%;

• 重新启动应用程序并选择新主题(请参阅图像)

为什么95%而不是100%？

我们给它一些滚动条的空间。然而，很明显，100%也是有效的，它不会破坏任何可视化。

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

因为程序的更新可以(而且很可能会)取代它。

​

​

有两个支持页 在泰波拉的网站上来解决这个问题。@itsmysterybox的主要区别在于，您可以在themes文件夹中创建一个base.user.css文件，并以您喜欢的任何值添加下面的代码片段。这样做意味着它将适用于所有主题。

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

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

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