web編輯器是個(gè)啥東西？作為一個(gè)特別不喜歡看專業(yè)書(shū)籍的壞學(xué)生，我上網(wǎng)問(wèn)了一下度娘。
度娘上基本上有兩種解釋：
1.就是在web上進(jìn)行編輯的編輯器
2.就是用來(lái)編輯web的編輯器
哈哈哈感覺(jué)說(shuō)了兩句廢話。
那就先說(shuō)在web上進(jìn)行編輯的編輯器####
說(shuō)簡(jiǎn)單點(diǎn)呢，就是在網(wǎng)頁(yè)上直接進(jìn)行編輯，也是我現(xiàn)在最喜歡用的編輯方式了
別問(wèn)我為啥，我才不會(huì)告訴你因?yàn)?strong>不用下載軟件，電腦不會(huì)卡這種原因呢。
對(duì)于文案的編輯，現(xiàn)在主流的編輯方式一般有兩種，一種比較簡(jiǎn)單的在線HTML編輯器，還有一種我現(xiàn)在正在用的markdown編輯器。
別著急，我們來(lái)一個(gè)一個(gè)介紹：
第一開(kāi)始的時(shí)候，我用過(guò)一個(gè)編輯器，叫做UEditor。
在當(dāng)時(shí)各種微信瀏覽器還沒(méi)有泛濫的時(shí)候，UEditor作為跟微信編輯器內(nèi)核一樣的編輯器簡(jiǎn)直相當(dāng)好用啊，比微信公眾平臺(tái)的內(nèi)置編輯器好用多了，還可以直接進(jìn)行HTML代碼編輯，絕對(duì)神器。
界面長(zhǎng)這樣：
后來(lái)隨著公眾號(hào)越來(lái)越泛濫，各種類似的編輯器越來(lái)越多
當(dāng)然，編輯器上的內(nèi)置樣式也變得越來(lái)越多。我開(kāi)始用135編輯器。
界面長(zhǎng)這樣：
申請(qǐng)賬號(hào)之后可以直接對(duì)各種樣式進(jìn)行收藏，這對(duì)于小白來(lái)說(shuō)是最好辦不過(guò)的了。
各種樣式都是編輯器上用HTML代碼寫好的，直接使用就可以了，簡(jiǎn)直一大神器。
作為一個(gè)傻瓜工具，我們?cè)谑褂玫臅r(shí)候可是不能大意，因?yàn)檎嬲拇笊窨啥际菍⑸倒瞎ぞ哂贸隽?的~~
比如下圖中這個(gè)樣式，小白同志們當(dāng)然只能改改上面的文字啦
更愛(ài)研究點(diǎn)的會(huì)改改這里：
但是是不是經(jīng)常發(fā)現(xiàn)樣式修改完之后顯示有問(wèn)題呢？
沒(méi)關(guān)系，點(diǎn)這里：
點(diǎn)開(kāi)之后會(huì)發(fā)現(xiàn)變成了這樣：
<section class="_135editor" data-tools="135編輯器" data-id="86323" style="position: relative;">
<section style="margin-top: 0.5em; margin-bottom: 0.5em; padding-left: 0.5em; padding-right: 0.5em; text-align: center; position: static;">
<section style="position: static;box-sizing: border-box;transform: rotate(0.1deg);-webkit-transform: rotate(0.1deg);-moz-transform: rotate(0.1deg);-o-transform: rotate(0.1deg);">
</section>
<section class="layout" style="padding: 7%; box-shadow: rgb(204, 204, 204) 0.3em 0.3em 0.3em; width: 90%; margin-right: auto; margin-left: auto; background-color: rgb(239, 239, 239);" data-width="90%">
<section class="135brush">
<p>
無(wú)所謂從哪兒來(lái)，也無(wú)所謂到哪兒去。 為活著找個(gè)理由，只為更好的活著。From 史鐵生《命若琴弦》
</p>
</section>
</section>
</section></section><section data-role="paragraph" class="_135editor">
</section>
先不要著急蒙圈，看看我們能不能試著修改一些簡(jiǎn)單的東西
<p> 無(wú)所謂從哪兒來(lái)，也無(wú)所謂到哪兒去。 為活著找個(gè)理由，只為更好的活著。From 史鐵生《命若琴弦》 </p>
如果在<p> </p>之間修改文字，整個(gè)樣式就不會(huì)變形啦~
background-color: rgb(239, 239, 239)
修改上面這個(gè)顏色代碼，就能得到好多編輯器里面沒(méi)有的顏色，自己配色的感覺(jué)相當(dāng)爽有木有，顏色代碼用Photoshop取值就可以得到啦。
而樣式的寬度則可以在width: 90%進(jìn)行調(diào)節(jié)。可能剛上手的小編會(huì)有些困難，不過(guò)只要愿意，自己在編輯器中多試兩遍就一定能學(xué)會(huì)的，這樣就不用再怕整個(gè)素材變形了。
今天這個(gè)就先說(shuō)這么多，一定要自己試驗(yàn)過(guò)就知道了，大部分此類編輯器內(nèi)核都是一樣的，可以適當(dāng)選用~~
下一篇說(shuō)說(shuō)markdown編輯法吧。
