美文网首页简友广场理事会·迎新班作业
迎新班第一堂课/富文本和markdown两种文字编辑器的运用(复

迎新班第一堂课/富文本和markdown两种文字编辑器的运用(复

作者: 清上 | 来源:发表于2023-03-13 14:47 被阅读0次

    富文本和markdown两种文字编辑器的运用:

    凌波微语老师介绍富文本编辑器

    前言:
    今天晚上是迎新班的第1堂分享课,接下来的两个星期,我们都会陆续分享简书平台的一些规则。
    初来简书的伙伴们,对社区的规则还不太了解,或者是没有时间了解,那么,请一定要看看这些实用的小规则。
    我们将从以下十个方面进行分享:
    作品的发表与排版、文集的设置与升级连载,专题的创建以及如何投稿,如何增加文章阅读量,关于互动(评论与点赞),关于排行榜,资产和收益,会员,音频,社区里的自治组织

    今天晚上讲第一大板块,那就是作品的发表与排版。

    简书分为手机端和电脑端,这两种功能略微会有一点点不同。
    简书有两种编辑模式,一种叫做富文本,这种编辑模式是系统默认的。
    富文本的格式是设定好的,无论是插入图片还是链接,你只要按照相应的按钮去操作就可以了,相对而言比较简单,也很方便。
    另外一种叫做Markdown编辑器,这种编辑器可以插入图表,也可以实现字体颜色的变化。这种编辑模式要复杂一点。
    先来看看手机端的富文本,这是最常用的。

    让我们来看看下图:

    这就是手机版本的富文本编辑器。
    第1个图标就是插入图片,第2个字母a则是字体形式,我这里点开了,你看上面有
    一些小的图标,这些呢只要你自己试一下,你就知道是一些什么功能,这个相对来说比较简单、还有两个弯弯的箭头,那个呢就相当于撤回键,对于刚刚修改的部分可以及时撤回。
    再看这个添加链接和添加分割线,添加分割线,相对来说比较简单,我这里呢,主要讲一下怎么样添加链接
    先找到要添加的文章,右上角点开“分享”,复制链接,再进入到编辑的文章中,点开这个图标,选取“添加链接”,然后把先前复制好的链接粘贴上去,输入文本(可以是文章标题,也可以是自己想要的文字),确认。
    这时,我们在编辑的文章中,看到刚刚输入的文本就变成了蓝色字体。这些都是比较基础的操作,去动手试一次就很容易掌握。

    电脑端的富文本编辑器,比手机端更全面,可以插入视频和音频,插入音频要求最低持钻达到5000钻。
    我也截了一张图,给大家看一下,跟手机版本是不是有些不一样??多了一个音频和视频

    在电脑上呢,你把鼠标放到图标上面,就会显示字出来。关于富文本的就讲到这里。大家下了课之后去试,试了还不会的,再在群里问,或者私信问我都可以。
    接下来就请初心不变_叶子老师出场,给大家讲解另一种编辑器的使用。


    初心不变_叶子老师介绍markdown编辑器:

    好的,感谢凌波微语的课程导入。那么简书的两种编辑器如何切换呢?
    手机端在 设置>通用设置>默认编辑器,电脑端在写作页面左下角更多选项注意这个切换只对新创建的文章生效,已有的文章是无法更改编辑器类型的。
    Markdown是一种「标记语言」,与大家平时听说的编程语言不一样,它通过在文字中穿插一些简单的符号来实现排版,最大的优势就是写作和排版可以同时进行,不会因为设置格式打乱思路。
    一篇文章普遍会用到的格式如下

    • 标题
    • 加粗/斜体(中文排版不建议用)
    • 无序列表
    • 有序列表
    • 链接
    • 图片
    • 分割线

    以下语法均按照简书支持的Markdown标准举例,大多数编辑器对这些内容的处理都是相同的。
    一、标题
    一级标题(最大的)是一个#,后面加一个空格,二级标题两个#(##)一个空格。

    理论上最多能到七级、但大家不是在写论文一般文章建议三级以内。标题没问题,但是如果我在底下写点东西,在手机端是可以正常换行的,但电脑网页端不可以,会变成一行,中间加一个空格。
    因为在Markdown语法中,两次回车,也就是中间空一行,才是标准的换行,这样大家可能注意到了,正确换行的行间距比错误换行大,但多出来的行间距并不是因为那个空行渲染了,长按只会选中两行内容。

    其实上述的换行在Markdown标准里叫「换段」,而错误换行是标准里所谓的换行,大家平时用到的基本都是换段,不同编辑器对错误换行语法的处理也不一样,所以强烈建议大家两次回车用正确的方式。

    二、加粗和斜体
    我直接放图了。

    如图所示,用两个星号包裹文字,里面的内容会加粗,一个星号则是斜体,三个星号是加粗和斜体。在英文排版中,斜体用于标记书名、专有名词等,但由于中文并非拉丁文字,考虑到可读性问题,排版规范中规定不使用斜体。

    三、无序列表
    其实就是我引用这条消息的格式。
    每项内容以减号(-)或星号开头,整个无序列表「块」和其它内容间也要遵循之前讲的换行逻辑。我习惯用-,因为星号在Markdown里还有加粗和斜体的语义。

    无序列表允许嵌套,只需在对应行缩进四个空格即可,也就是在行开头,-之前输入四个空格,同理八个空格缩进两层。


    四、有序列表
    和无序列表相似,只是用数字+英文句点+空格(1、)代替无序列表的语法叶。
    有序列表同样支持嵌套。值得注意的是,有序列表的数字可以是乱序的,例如我这里的狗是外层的第三项,但序号写的是 4,渲染正常。建议大家保持正常的序号避免影响写作体验。

    五、插入分割线
    ---或者***,也是要换行,三个以上都可以,没必要一定三个。

    小伙伴可以用简书的Markdown编辑器写一下以下左边的内容,点击预览就成右边的内容了:

    六、插入链接
    其实简书已经给了链接的快捷插入按钮。[文本](链接),这里拿简书小工具集举个例子。

    这个链接是可以点击的,如果指向的是简书的用户/文章/文集/专题,可以直接在App中打开。
    如果需要从外部浏览器打开简书App的特定页面,可以试一下简书小工具集的这个工具(https://tools.sscreator.com/?app=URL_scheme_convertor)
    简友们可以把「简书小工具」四个字加上链接,指向括号后的地址。手动输入语法或者使用便捷方式都可以。

    七、插入图片
    图片和链接差不多,只是在链接语法前加了个英文感叹号(!)变成![描述](图片地址)(注意输入符号使用英文符号)。
    当然,简书给我们提供了和富文本相似的一键上传按钮,只需要改一下描述即可在电脑端也可以把图片拖拽进去。我这里随便传一张图,可以看到链接里有jianshu(简书),因为图片在简书服务器上。后面的内容是图片地址,大家粘贴到浏览器里一样可以打开/下载。


    我的练习:


    八、更多语法
    简书还支持删除线、引用、脚注、数学公式、角标下标等高级语法,大家可以直接在简书搜索 Markdown 学习。

    感谢凌波老师和叶子老师的指导!

    相关文章

      网友评论

        本文标题:迎新班第一堂课/富文本和markdown两种文字编辑器的运用(复

        本文链接:https://www.haomeiwen.com/subject/amoqrdtx.html