wordpress文本编辑如何换行

 富文本格式中*成功的一种,我认为是HTML.这毫无疑问是当今互联网上流传*多的一种文本.(广义上的HTML,包括了H5,CSS3,JS)但是日常办公中,我们经常接触的是word文档,pdf文档.然而这上面这三种格式,有利于排版或者有利于印刷,不方便进行写作和编辑.(不方便指的是文本编辑器写不了QAQ)LaTeX可以实现所想即所得的效果,但是想要实现预览,即所见即所得,编译链的配置也是十分麻烦的.

这里就体现出Markdown这种标记语言的优势了,小巧,简单,适合速记,带基本的格式.虽然Markdown不能代替上面的排版格式,但是其简单的语法,内联HTML的特*,还是很适合记笔记,写*客,wiki之类的文章.

但是想要打印,发布到wordpress,同步到OneNote,将Markdown转换为其他格式是必不可少的一道工序.本文将介绍如何利用VScode编辑Markdown,发布到WordPress,将渲染好的网页插入到OneNote中.毕竟一本花费心血写出来的笔记,需要一个合适的内容管理系统.

使用到的工具

VScode及MarkdownAllinOne,MarkdownPDF插件

OneNoteUWP版本

WordPress5.4及WPEditor.md插件

GoogleChrome浏览器

VS code编辑Markdown

VScode的确是一款**的GUI编辑器(虽然有时我也会在VScode的终端里面直接用Vim).o( ̄▽ ̄)o.配合下面的插件可以在VScode里面流畅地编辑Markdown.

此外还有诸如MarkdownPreviewEnhanced,MarkdownPreviewGithubStyling等也非常好用.安装好MarkdownAllinOne后就可以一边编辑Markdown一边实时预览了.

使用Markdown在WordPress上写文章

脱离了VScode之后,会遇到各种障碍.WordPress的编辑器从5.X以后的版本就逐渐不如人意了.使用Markdown,你可以利用VScode生成的HTML配合Markdown和Katex的CSS与JS文件完成写作;也可以使用插件,但是需要更改一下在VScode中写好的文本.

*主使用的WordPress插件是WPEditor.md,虽然有Bug但是可以用.正常的Markdown语法可以支持,但是遇到公式,需要做微调.

WPEditor.md支持Katex,其实在VScode上面使用的插件也是使用的Katex.只是在翻译成HTML渲染的时候,WPEditor.md遇到了如下问题:Katex的公式内换行使用的是,在WPEditor.md中,需要输入三个反斜杠;行内公式的希腊字母下标需要使用大括号.例如:eρ⃗,在行内编辑时需要写为:vec{e_{rho}}.

解决方法:

使用VScode将替换为

使用VScode将行内的希腊字母下标的Katex公式}_rho替换为_{rho}}

将Markdown文本输出到OneNote

OneNote已经做的很好了,但是整体不如Markdown轻便,**一格的数据库存储方式让人摸不着头脑,即使使用插件也不能支持全部的Markdown语法.使用OneNote也就方便设备间的协同与Windows设备上流畅的手写体验.

OneNote可以插入HTML的富文本,但是在Markdown渲染出的HTML面前,我还没有找到方法.可以插入word文档,但是Pandoc不能渲染Katex公式,明明在Typora上面是可以渲染的.于是我只能给出打印输出的方法,不能在OneNote里面编辑,但是可以查看.毕竟,使用OneNote对于我来讲,还是手写,也正是因为手写公式不如打印的工整,才考虑使用Markdown.

使用VScode将Markdown输出为HTML

使用VScode插件MarkdownPDF,并做如下配置.参考该篇*文的方法,在文件

C://Users//.vscode/extensions/yzane.markdown-pdf-/template/template.html

的末尾添加MathJax的支持,复制粘贴进去.

微调,MathJax又是一种将Markdown翻译为HTML的方式,所以也会出现一些Bug,*主遇到的是_字符,转义为成对的,导致乱码;Katex公式内换行的反斜杠一个会被翻译成转义字符的前缀,此时需要四个反斜杠:\.解决方法:

使用VScode将_替换为_

使用VScode将替换为\

HTML打印到OneNote中

在修改好的md文件中右键,单击MarkdownPDF:Export(html).得到HTMl文件.使用Chrome打开该文件,打印到OneNoteforWindows中,在弹出的OneNote中选择输出的分区.

效果

在VScode中编辑Markdown

在WordPress中发布

在Chrome中预览HTML

在OneNote中打印输出

wpsexcel怎么换行

在使用WordPress中的Excel插件时,有时候我们需要在Excel表格中进行换行操作。换行在编辑内容时是一个常见的需求,特别是当我们需要在单元格中输入大段文字或者进行排版时。下面将介绍如何在wpsexcel中进行换行操作。

方法一:使用Alt+Enter键

在wpsexcel中,*简单的换行方法是使用Alt+Enter键组合。在需要换行的位置,按下Alt键,然后再按Enter键即可实现换行。这种方法简单快捷,适用于大多数情况。

方法二:使用插入符号

如果你在Excel中使用wpsexcel插件时无法使用Alt+Enter键进行换行,可以尝试使用插入符号的方法。在需要换行的位置,点击插入菜单,在符号选项中选择一个合适的换行符号插入即可实现换行效果。常用的换行符号包括回车符号、段落符号等。

方法三:调整单元格高度

如果你不希望在单元格中显示换行符号,也可以通过调整单元格的高度来实现换行效果。选中需要换行的单元格,然后通过拖拽单元格底部的边框来调整单元格的高度,使其能够容纳多行文字。这种方法适用于需要美观排版的情况。

方法四:使用文本框

如果你需要在wpsexcel中进行复杂的排版,建议使用文本框来实现换行。在插入菜单中选择文本框,在工作表中绘制一个文本框,然后在文本框中输入需要换行的文字。通过调整文本框的大小和位置,可以实现灵活的排版效果。

方法五:使用换行函数

在wpsexcel中,还可以使用换行函数来实现自动换行的效果。使用换行函数可以根据特定的条件自动在指定位置进行换行,比如字符数达到一定限制时进行换行等。常用的换行函数包括CHAR、TEXT等。

综上所述,以上是在wpsexcel中实现换行的几种方法。根据具体的需求和情况选择合适的方法,可以更加**地完成Excel表格的编辑和排版工作。

无论你是为WordPress写插件或hack,还是添加有关WordPress的代码片段或其他如HTML,CSS,PHP或javascript的编程代码,如何让插入于日志中的代码有其形而不发生作用对写*客的用户来说是常常遇到的拦路虎。

默认情况下,WordPress会将<和>自动转换为<和>,在发表后看起来就是<和>。如果它发现日志中使用了HTML标签,就会将其当作HTML标签来使用,结果你的文本看起来就很怪异,布局也会弄得一团糟。

网页中代码的使用有两个方面。在段落中使用代码表示正在讨论该段代码,然后是被高亮显示的代码。

段落中的代码

有两种HTML标签可以将文本转为等宽样式,即< code>和< tt>。而后者现今已基本不使用了,取代它的是用处更大且更富语法意义的< code>,它能将计算机代码类的文本与一般语言分辨开来。

此为用于某段落内的代码示例

用以描述WordPress中的< code>index.php</code>,

< code>sidebar.php</code>及< code>header.php</code>

模板文件。如果你希望在文字周围使用标签以使它们看起来如代码一般,此方法就很有用,但如果你想展示如HTML的标签的话该如何是好呢?

在< code>header.php</code>模板文件中,查找< code>< div class="header"></code>部分以修改< code>< h1></code>标题栏。使用< code>标签是无法告知WordPress将HTML参考从日志中分离开的。它会看到< code>标签,然后看到div,因此它就会在网页中新建一个容器作为应答。WordPress会认为你实际上是在使用HTML标签,不小心使用h1这样的标签就能搞砸整个网页布局和设计初衷。

若要让WordPress将此识别为段落中的代码的话,可以使用字符实体或扩展字符来表示其前后的左右箭头。

在< code>header.php</code>模板文件中,

查找< code><div class="header"></code>

部分以修改<h1>标题栏。

默认情况下,WordPress会将任何以****:开头的文本转换为链接。如果你要为WordPress网站内特定文章做链接,而不使用并将其转为链接的话,你可以使用扩展字符来代替右斜杠,这样一来WordPress就不会“看到”该链接了。

...在日志中使用

使用链接到某特定的WordPress日志....

以下列出一些*常用的HTML字符实体:

<=<

>=>

/=/

]= ]

[= [

"="

'='

后文给出了相关资源,它将帮助你将HTML标签转为字符实体,因此你就无需劳神背下这些字符代码了。

使用PRE标签

要使得代码可以被复制粘贴到其他代码或模板文件中的话,可以使用< pre>这个HTML标签。

< pre>标签指示浏览器使用等宽的代码字体,并完完全全地将< pre>标签内的内容复制下来。每个空格,分行,以及代码都被完整地复制一遍。

< h3>Section Three Title</h3>

< p>This is the start of a

<a title="article on relationships" href="goodtalk.php">

good relationship</a> between you and I....

使用< pre>标签看起来并不美观,但却能达到目的。后文将给出解决外观问题的例子。它会将代码原原本本地展示出来。

我们这里说原原本本,事实也是如此。如果你的代码行非常长,它就会伸到页面外面去,因为并无任何指示告知它进行换行。以下给出一个例子:

< h3>Section Three Title</h3>

< p>This is the start of a<a title="article on relationships" href="goodtalk.php">good relationship</a>

between you and I and I think you should read it because it is important that

we have these little<a title="article on communication" href="communication.php">conversations</a>

once in a while to let each other know how we feel....

看起来很不舒服吧。要避免这种代码窜出屏幕的现象,就要进行分段。但在哪进行分段并放入段行标签可没那么容易决定下来的。

如果你*悉编程语言的话,就知道在何处断行而不会弄砸一行代码。但如果你不知道在何处断行的话,就进行实验吧。将代码写入后,进行断行并进行测试。如果代码能够起效的话,就是要这种断行形式。否则的话就请尝试其他的断行位置。

如果你的代码行很长,可以考虑只显示一小部分代码,然后在网站上的文本或PHP文件中给出完整代码段的链接,也可以使用用于临时展示代码的在线pastebin。

代码的疑难排解

在WordPress日志中写代码可谓一项挑战,它会覆盖WordPress的默认风格。如果你在日志中写代码时遇上麻烦的话,下面这些内容可能会对你有帮助。

代码中的引号

在日志中写进代码时常遇到的问题是,WordPress会将代码中的直引号转换为文字处理程序中出现的弯引号。用于实现功能的代码不应当具有这种弯引号,而应该保持原有的直引号。

你可以使用< pre>标签来避免出现这种情况,或使用字符代码来表示引号也可以解决此问题:

< p class="red">

即可写为<p class="red">但如果你是在首次发布某页面之后进行编辑的话,html代码编辑器就会用自带的符号替换所有的实体。因此,如果你使用"来表示引号的话,它们会变为",而当你保存的时候它们就会被转换掉。

定制代码标签的风格

默认情况下,使用< pre>和< code>会将文本显示为等宽样式的字体,并使用body标签的字号。如果你想使用不同的字号,然后让这些标签呈现出不同的颜色或风格。

在WordPress外观主题文件夹的style.css风格页中,为这两类标签添加风格。举例如下:

pre{border: solid 1px blue;

font-size: 1.3 em;

color: blue;

margin: 10px;

padding:10px;

background:#FFFFB3}

code{font-size:1.2em;

color:#008099}

使用< code>将会是上面的样子,而使用pre则会是如下形式:

pre{border: solid 1px blue;

font-size: 1.3 em;

color: blue;

margin: 10px;

padding:10px;

background:#FFFFB3}

code{font-size:1.2em;

color:#008099}

相关文章
在线客服
微信联系
客服
扫码加微信(手机同号)
电话咨询
返回顶部