为知笔记吧 关注:8,661贴子:66,478

使用为知内置编辑器的正确姿势——普通笔记篇

只看楼主收藏回复

为知笔记的内置编辑器嘈点颇多,看似简单,实则大坑。因为我不喜欢什么笔记都用外部编辑器,所以用内置编辑器的机会还是很多的。为了让更多知友更好地使用内置编器,特作此文章。


鉴于目前为知贴吧人气低糜,本人也希望介此机会为贴吧注入一些活力。


回复
1楼2017-02-26 13:20
    使用为知内置编辑器的正确姿势(经验谈)——普通笔记篇


    一、说在前面的话
    首先要说的是,想要使用为知的自带编辑器来去自如地编辑普通笔记(包括收集到的网页),那是不可能的。一是自身原因,编辑器的功能是有限的,而且有些bug经常是无法预料的;二是环境原因,尽管Html是种规范格式,但是不同软件和浏览器对HTML的解读规则不太一样,同一篇笔记(网页)在不同软件显示可能会有些差别(主要是样式上的细微差别,该有的内容都会有的),而且最关键的是不同的编辑器生成的HTML其实相差很远。不只是HTML如此,就算是同一个docx文件,在2007和2010中,在mac和win下的表现也会有差异。作为一个有些结癖的人在此告诫大家,尽量不用多个编辑器修改同一篇笔记,这是对自己的笔记负责。
    虽然像上面说的自带编辑器不太好用,但是如果我们掌握一些技巧加上有克制地使用,应付日常使用应该是没有问题的。


    收起回复
    2楼2017-02-26 13:39
      设置
      首先要为我们的使用环境进行一些设置,“选项——编辑——编辑器设置”:


      第一行可以设置Tab的键值,一般对应4个空格,默认就好。第二行的“文字替换Tab”,我在设置后发现有任何作用,在HTML中依然采用 +空格记录,属于僵尸选项。


      杂项中的第一行基本也是僵尸选项。第二行“网址自动转换为链接”很实用,推荐勾上,当我们添加一个网址之后按空格或者回车,都会自动生成一个超链接。第三行“拼写检查”一般都会取消,不然笔记中会有很多红线,不过用来检查有没有错别字还是挺好用的。


      默认字体设置是最有用的功能,里面的设置对所有的笔记都会其作用的(包括Markdown笔记),根据需要调整就好。图中是我的设置,喜欢用很浅的绿色当背景,这样笔记内容与工具栏的之间也有了区分,供参考。


      注意这里的设置会影响pdf和图片的导出效果,但是不会影响网页格式的导出效果。


      这种默认设置是为知笔记对“内容形式分离”的勇敢尝试。希望为知继续探索,做出一个更加内容与形式分离,更加面向内容书写的编辑器。有的用户会对行高和段落间距离比较在意,所以建议为知将行高分成行高和段间距两个选项,让段间距比行间距稍微宽一点,这样更加容易区分段很行。为知是用<div>代替<p>来实现段落功能的,实现难度也不大吧。


      如果修改编辑器设置时打开了笔记,那么需要重新打开笔记设置才会生效。


      收起回复
      3楼2017-02-26 13:45
        自定义工具栏
        为知允许用户对工具栏进行自定义,将自己常用的工具放到前排,这个很必要,不然总是需要去找后面的按钮:


        图是我的工具分类,我基本是根据内容划分的,是把样式元素放到一起,把其他行内元素放到一起,把区块元素放到一起,于是成了图中的样子。把“字体”和“大小”藏起来主要是因为有默认字体设置,里面已经有字体和大小的设置,如果同时使用,容易出现冲突,局部使用的时候再调出来,不然容易手贱点到。
        有人可能觉得一栏太短,不够用,那么只能F11将屏幕拉宽咯(开玩笑)。


        收起回复
        4楼2017-02-26 13:45
          样式表
          新建一篇新的笔记后,我做的第一件事情不是马上书写,而是调整样式表:


          根据需要选择标题或者普通(div),一般只会用的这两个。普通(div)相当于文字段落,如果一般的书写,就选普通。有人会问直接写行不行?也是可以的,这样第二段文字才会变成普通div,在HTML上会有区别,但是显示上不会有区别。标题我一般从标题2开始,标题1一般留给大标题,大标题根据需要空着或添加。像少数派中正文部分就只能从标题2开始,所以大家可以参考我的作法。


          有人会发现样式表中有段落可以选择,添加段落后,文段的确会在HTML中被段落<p>标签包裹,但是在显示上,有的时候会出现明显的段间距,而更多的时候不影响段间距和行高,所以请无视这个选项。其他的基本没用,可能技术户或者内部人员用的吧。


          收起回复
          5楼2017-02-26 13:48
            字体、大小、文字颜色
            这些都是局部文字的样式,同时存在于默认字体设置和工具栏中。在理想的状态下,应该是工具栏添加的局部添加的文字样式优先显示,而没有定义的文字使用默认字体设置。但是实际上,如果我们调整默认字体设置,就有可能冲掉工具栏所添加的样式,我这里出现过几次这样的情况,但是无法知道冲突的触发前提。所以我个人是尽量避免使用字体、大小和字体颜色。比如字体颜色一定要使用的话,我会先输入比需要添加样式的文字更多一点文字,然后返回选中需要添加样式的文字,添加样式。操作出错了会使用撤销,不会对错误部分进行颜色回调。这样做的好处是,目前的添加的样式不会影响到后面的样式,可以让后面的样式尽可能的服从默认字体设置。
            这其实是一个“内容与形式分离”与“所见即所得”之间的矛盾。在所见即所得的环境中,如果文字都是黑色,人类眼睛是分不清楚这个黑色是工具栏得到的,还是默认设置得到的,但是机器内部是有明确规则的区分的。我个人是更加倾向内容与形式分离的书写,而且HTML格式本身也是支持内容与形式分离的,只是目前的编辑器都受所见即所得思想的束缚太深。建议字体、大小、颜色都添加一个返还默认样式的选项,这种返还会取消局部添加样式,而不是用一个新的样式去覆盖吧。目前虽然有清除样式功能,但只能算是个缓兵之计。


            回复
            6楼2017-02-26 13:48
              清除样式、格式化文字、纯文本粘贴
              清除样式功能很实用,它只会清除内容的样式,包括字体、大小、文字颜色、文字背景色、粗体、斜体、下划线、删除线和上下标。但是一般不会改变内容本身,链接还是链接、标题还是标题、列表还是列表。有例外的,就是区块引用和代码,清除它们的样式之后会让它们看起来不再像引用和代码,这个需要注意。另外,清除样式可以只对选中的部分使用,这就更加方便了。
              格式化文字是将笔记中所有的带文字的东西都只保留纯粹的文字。列表不再是列表,代码也不是代码,统统变成一行行的文字。不过我发现格式化不会格式化图片,应该是为知笔记一个人性化的设置吧。
              使用Ctrl+Shift+V可以进行纯文本的粘贴,这样粘贴过来比较快,而且不会附带样式。


              回复
              7楼2017-02-26 13:49
                链接
                我们能想到的都能够被链接,网址、书签、笔记、文件等等。选择文字再点链接可以把链接附在文字上,如果没有选择文字,为知会根据链接自动生成链接文字。
                对于网址,我们只写http://后面的部分也是可以的,为知会自动补充前面的http://。
                对于笔记内链,也可以对笔记右键,复制内链,再添加到笔记里:


                光标在链接文字中的时候,再点击链接工具,可以修改链接或者删除链接。


                列表
                列表跟一般的富文本编辑器一样,可以使用多级列表:

                在列表项目开头使用Tab 可以增加列表层级,Shift+Tab减少层级。
                另外,任务列表有个bug:,如果项目列表后面是图片,回车后除了生成新的任务项目还会把图片复制过去:


                回复
                8楼2017-02-26 13:51
                  代码
                  为知的代码是区块代码,插入代码后,为知会给代码加很多包装,这样很好看。
                  就是可修改性比较差,直接在代码内进行修改可能会出现不可预料的事情,比如代码首行退格太过:

                  此外,还有插入后不能修改代码种类,直接修改不能高亮,修改不能多次回车之类,总之代码用Markdown写更好,好看也好修改。




                  缩进(引用)
                  为知的缩进功能相当于Markdown中的引用,不过样子不太一样就是了,所以不要把它当作Tab的缩进,两者完全不一样,为了区分,这里都叫引用。
                  如果对两段或以上的文字进行引用,会发现样式表出现“Blockquete”,这就是区块引用的英文。


                  区块引用被加入样式表之后,虽然以后可以使用样式表添加引用,不过不推荐这么使用。使用样式表添加引用只会在HTML上加上引用的HTML标签,而使用工具栏添加引用不仅会加HTML标签,为知还会给它们加上一些包装(样式),让其更明显更加好看,所以还是有些小区别的。
                  对了可以多次引用,多点按钮几次就可以。


                  书签
                  编辑器的书签功能应该是跟为知助手的书签功能联动的。需要注意的是一定要选择文字之后再点书签按钮!!,不然在HTML中生成的tag是空的,不会被承认,相当于没有添加,这是个bug。
                  还有,书签需要在大纲中删除:

                  对于为知助手添加的书签也是一样,在大纲中才能删除!而且笔记一定要处于编辑状态!!!


                  回复
                  9楼2017-02-26 13:55
                    最后说的话
                    使用快捷键可以帮助提高效率,详见:Windows版帮助手册 | 快捷键:http://www.wiz.cn/m/windows/hotkeys
                    不过有时候快捷键不是特别听话,比如加大字号和减小字号只能微调一点点。还有有序列表和无序列表明明有快捷键的,为什么在工具栏中不给提示呢?是因为它们的快捷键太长了吗?
                    没有说图片,因为大家都会,但是右键菜单不能对图片进行剪切的,这个需要注意,而快捷键是不影响的。表格也没有说,注意表格使用Tab切换单元格的话会在跳转的同时于原来的单元格留下4个空格。
                    最后想说,HTML视图其实很有用,当然前提是你需要懂一点点HTML。怎么打开HTML呢?直接点的话你只会得到一片黑漆漆的语法,不好看。但是第二遍进入HTML视图的时候,HTML是带语法高亮的,可读性会高一点。我的技巧是快速点击三下HTML按钮。为什么要快速点3下?因为退出HTML视图是默认返回阅读模式的,所以你需要在进入阅读模式之前进入HTML视图!


                    收起回复
                    10楼2017-02-26 13:56
                      1. 按目前贴吧的情况,不知道能有几个人会看呢,随缘了。
                      2. 从标题可以看出,我还写了一姊妹篇,关于Markdown的,过段时间会发出来。
                      3. 申精


                      回复
                      11楼2017-02-26 14:02


                        收起回复
                        来自iPhone客户端12楼2017-02-26 14:19
                          厉害了顶顶顶。


                          收起回复
                          13楼2017-02-26 14:50
                            谢谢楼主分享!


                            收起回复
                            14楼2017-02-26 14:54
                              支持分享经验,虽然我没看完。。。


                              回复
                              来自手机贴吧15楼2017-02-26 15:15
                                谢谢 Flos1129 的分享,不愧是为知的忠粉,为了为知贴吧的人气付出这么多的时间和精力,难得啊


                                回复
                                16楼2017-02-26 17:06
                                  谢谢!!!


                                  回复
                                  来自手机贴吧17楼2017-02-26 22:39
                                    看完了,赞一个


                                    回复
                                    来自Android客户端18楼2017-02-26 23:07
                                      👍


                                      回复
                                      来自iPhone客户端19楼2017-02-27 08:13
                                        看到回贴的等级也不低,看来都是老司机来捧场的。有快十个人回贴已经超过预期了,上回发的分享贴可是秒沉。不过这一篇说实在干货不多,干货都在Markdown篇。


                                        回复
                                        20楼2017-02-27 18:11
                                          谢谢分享经验,我用为知也好几年了,一边感叹这功能缺陷,那功能不完善,但也一路追随下来了,现在是开机启动软件之一。


                                          收起回复
                                          21楼2017-02-27 19:15
                                            楼主真是完美控啊,赞一个。但为知笔记内置的编辑器对于能自己编写HTML和CSS代码的人来说,只能提高简单排版文章的效率,复杂版式还得自己写代码搞定。我之所以最后选择了为知笔记,就是因为可以自己编写HTML和MarkDown,而其他笔记基本只能使用编辑器,不能自己编写代码。


                                            收起回复
                                            22楼2017-03-01 09:52
                                              谢谢分享,是的,干货都在MD的,期待MD


                                              回复
                                              23楼2017-03-01 10:43
                                                绝对是精华,庆幸为知还有老司机带路


                                                回复
                                                来自iPhone客户端24楼2017-03-01 20:34
                                                  对新手来说帮助很大呀


                                                  收起回复
                                                  来自Android客户端25楼2017-03-14 07:59
                                                    啥时候发了技术贴,@我呀,我都没看到


                                                    收起回复
                                                    来自Android客户端26楼2017-03-15 23:47
                                                      楼主好样的,支持支持,正能量!


                                                      收起回复
                                                      来自Android客户端27楼2017-03-16 23:40
                                                        强迫症每次用完自带编辑器,都要在dreamweaver再打开,批量删除自带编辑器无端生成的span标签_(:з」∠)_ 心塞,明明4.0以前没有这种问题的


                                                        收起回复
                                                        28楼2017-03-25 22:27
                                                          好贴收藏


                                                          回复
                                                          29楼2017-03-29 13:14
                                                            好贴收藏。
                                                            其实很多时候这样的帖子才是我要找到。但是很难找到,基本都官网的帮助。。。


                                                            回复
                                                            30楼2017-07-28 15:42