1. 首页
  2. IT资讯

妙笔写作WonderPen Mac版如何自定义样式

WonderPen for Mac妙笔写作软件是专业和业余作家的写作应用程序,易于使用的文本编辑器,支持Markdown,支持全屏模式,让您专注于写作,文档可以导出为图像,PDF,word,HTML等,非常适合长篇写作。是写作爱好者不可缺少的一款软件。今天为大家分享的教程是妙笔写作WonderPen Mac版如何自定义样式?

自定义样式

注意:添加自定义样式需要涉及一些 CSS(Cascading Style Sheet,层叠样式表)知识,如你对此不了解,可先查看相关教程。

在【选项】面板 -> 【高级】-> 【导出】部分,可设置自定义样式。

妙笔写作WonderPen Mac版如何自定义样式

自定义样式就是普通的 CSS,和普通 Web 页面添加样式表操作一样。自定义的 CSS 会被添加到 标签中默认样式表后方的位置,即如果有同名的 CSS 规则,自定义样式表中的规则会覆盖默认规则。

自定义样式会在预览、导出时起作用,对编辑器不起作用。

HTML 结构

预览、导出时,文档会先生成对应的 HTML 文档,此 HTML 的结构大致如下:

妙笔写作WonderPen Mac版如何自定义样式

其中的【自定义样式表】部分,即是用户可以自定义的 CSS 内容。

页面最外层的元素总是 div.wonderpen-page,如果导出为 HTML 时选择了【固定宽度】,则此 div还会有一个 .fixed-width类。

文档内容则总是位于 div.wonderpen-content > div.markdown-body元素下。你可以使用对应的 CSS 类选择符,为导出内容定义背景图片、字体之类样式。

如果你想对文档内容的样式做进一步自定义,则可关注下一节内容。

文档内容(markdown-body)

预览、导出时,文档原始内容会被当作 Markdown 格式,并被转换为 HTML。文档内容总是在 div.markdown-body元素下。

div.markdown-body内的 HTML 标签通常不再带有 idclass属性,可直接对标签元素进行样式自定义,例如:

  .markdown-body {   color: #4758C4;  }    .markdown-body h1 {   font-size: 24px;  }

来自 “ ITPUB博客 ” ,链接:http://blog.itpub.net/69956340/viewspace-2671433/,如需转载,请注明出处,否则将追究法律责任。

主题测试文章,只做测试使用。发布者:布吉卡,转转请注明出处:http://www.cxybcw.com/193912.html

联系我们

13687733322

在线咨询:点击这里给我发消息

邮件:1877088071@qq.com

工作时间:周一至周五,9:30-18:30,节假日休息

QR code