1. 程式人生 > >關於微信公眾號文章編輯器不能直接編輯html樣式的處理方法

關於微信公眾號文章編輯器不能直接編輯html樣式的處理方法

1、微信的後臺是不支援html編輯的;你可以先在其他的編輯器裡面編輯好了以後,複製到微信編輯器裡面;這樣既可以保持原來的格式,還可以自由設定自己的喜歡的格式。

比如我有一大大大大大大大大大大大段話,不想讓他在頁面上全部展示,只給他一個區域,讓他 顯擺,然後使用者可以手動的滑動此區域來觀看所有的內容。

2、尋找一款編輯器(百度一大堆),確保編輯器上有截圖中紅框功能(這裡推薦UEditor ,不要問我為啥推薦它,我也是驀然回首,它在百度之首,線上演示地址:https://ueditor.baidu.com/website/onlinedemo.html

3、在編輯器正文出放入自己的文字:

4、然後點選紅框 ‘html’ 來搞些事情,示例如圖

5、此時我們可以在這個時候高點事情,比如加點樣式

注意:編輯器似乎不喜歡div標籤哦~

我在這裡給第一個<p>標籤設定了樣式:

width:300px; height:200px; border:1px solid #000; overflow:hidden; overflow-y:scroll

寬300畫素     高200畫素      邊框1畫素   實線 黑色     超出隱藏         y軸超出可滾動

此處注意,當點選html編輯功能之後,操作欄的其他按鈕都灰不溜秋的了,他們都用不了了哦。如上圖顯示。

5、當我們想要的效果編輯完畢,再次點選 ‘html’ ,結果如下圖顯示

好,這個可以滾動的框框就是我想要的了,接下來在這個介面全選正文,ctrl+c複製轉到微信公眾號文章編輯器,ctrl+v貼上;結果如下圖:

是不是發現想要的那種滾動有了?但是後面的H標籤咋都一樣了呢,這是因為,你在UEditor那裡沒有對他們進行程式碼樣式編輯,在UEditor那裡編輯器會自動轉換成對應的,複製過來後就沒有這個預設的樣式了。

6、此處可預覽:

發現右邊那個豎條了嗎,就表示是可以滑動的,你可以傳送到手機上試一試哦。

7、為了方便以後不再這麼麻煩的去轉,微信公眾號文章編輯器有一個——新增圖文模板,你可以將次作為模板,下次直接呼叫。

歐了,本次講解到此為止~