本篇文章給大家談?wù)勑〕绦蜷_發(fā)工具編輯器，以及小程序代碼編輯器對應(yīng)的知識點(diǎn)，希望對各位有所幫助，不要忘了收藏本站喔。

本文目錄一覽：

• 1、uniapp開發(fā)微信小程序富文本編輯器（樣式仿騰訊文檔）
• 2、微信開發(fā)工具怎么使
• 3、微信小程序需要哪些開發(fā)工具
• 4、開發(fā)小程序使用什么編輯器 知乎
• 5、小程序開發(fā)工具有哪些
• 6、小程序制作軟件

uniapp開發(fā)微信小程序富文本編輯器（樣式仿騰訊文檔）

照著騰訊文檔小程序開發(fā)了微信小程序富文本編輯器組件，這幾天做個(gè)整理，如有這個(gè)需求可以前往騰訊文檔小程序操作看看實(shí)際效果。畢竟參照的是微信自家小程序，無法做到百分百效果，只能按現(xiàn)有開放api盡可能實(shí)現(xiàn)。

項(xiàng)目地址：

uniapp插件市場：

editor富文本編輯器組件官方文檔：

否則會受到小程序css影響。小程序本身editor標(biāo)簽有css樣式：

editor {

display: block;

position: relative;

box-sizing: border-box;

-webkit-user-select: text;

user-select: text;

outline: 0;

overflow: hidden;

width: 100%;

height: 200px;

min-height: 200px;

}

that.updatePosition(keyboardHeight)

that.editorCtx.scrollIntoView()

在插入目標(biāo)文字時(shí)，將值設(shè)為\n'，可以實(shí)現(xiàn)換行

this.editorCtx.insertText({ text: '\n' });

參考：請問editor組件控制拉起鍵盤操作支持嗎？

小程序技術(shù)專員-sanford 2019-09-20

不支持的。iOS無法通過接口拉起鍵盤，必須用戶點(diǎn)擊；安卓則可以。所以，終究是不一致，不行。。

該組件主要為微信editor組件的api調(diào)用集成封裝，因此受到的限制同文檔描述一致，即編輯器內(nèi)支持部分 HTML 標(biāo)簽和內(nèi)聯(lián)樣式，不支持class和id，支持的標(biāo)簽詳見： 。

不滿足的標(biāo)簽會被忽略，div會被轉(zhuǎn)行為p儲存。

這也是為什么在做富文本解析時(shí)，僅僅用rich-text組件無法有效還原h(huán)tml內(nèi)容，在解析內(nèi)容的時(shí)候就需要將內(nèi)容中的HTML標(biāo)簽轉(zhuǎn)換成微信小程序所支持的標(biāo)簽。因此最好方式是引入市場封裝好的富文本解析插件去解析html。

所以，開發(fā)者需要自行權(quán)衡在做富文本編輯開發(fā)時(shí)，是否使用微信自帶的editor組件，或者參考騰訊文檔小程序采用webview內(nèi)嵌網(wǎng)頁等方式去渲染。

小程序富文本編輯器editor初體驗(yàn)：( )

如果是微信原生開發(fā)，將demo組件中的相關(guān)dom元素標(biāo)簽和api換成微信原生即可。

微信開發(fā)工具怎么使

使用微信開發(fā)工具的步驟如下：

1、下載并安裝微信開發(fā)工具。

2、啟動微信開發(fā)工具，點(diǎn)擊新建小程序，輸入項(xiàng)目名稱，點(diǎn)擊確定將會生成一個(gè)空的小程序項(xiàng)目。

3、在工具的編輯器中，編寫項(xiàng)目的代碼，編譯運(yùn)行你的代碼以便檢查錯(cuò)誤。

4、當(dāng)你的小程序編寫完成后，點(diǎn)擊發(fā)布按鈕，將會提交到小程序的審核，待審核通過后即可發(fā)布小程序。

微信小程序需要哪些開發(fā)工具

微信小程序需要哪些開發(fā)工具?

一、微信小程序官方開發(fā)工具

注意，它只是個(gè)工具，而不是一個(gè)IDE。官方工具中的代碼編輯功能，就是將vscode的代碼編輯功能嵌入到工具中，不足以支撐開發(fā)。

優(yōu)點(diǎn)

因?yàn)槭枪俜焦ぞ咚杂羞@其它第三方工具有這不可比擬的天然優(yōu)勢，如果不是他代碼編輯功能太弱的話。

官方工具，可調(diào)試，可預(yù)覽

基本的代碼編輯、智能提示、調(diào)試等功能都有

項(xiàng)目管理、創(chuàng)建、手機(jī)預(yù)覽、代碼提交審核

官方維護(hù)更新

缺點(diǎn)

不好的地方也很明顯，總體而言是一款工具而不是IDE。糟糕的代碼編輯功能，寫起代碼非常別扭，這是我放棄它的最重要原因。

api提示不全，要一個(gè)個(gè)查api，影響寫代碼的速度

很多必備的快捷鍵都沒有，比如全選關(guān)鍵字、快速復(fù)制一行等等

顏色主題不能選，不喜歡白色風(fēng)格怎么搞

沒有插件 沒有插件 沒有插件 重要的事情說三遍

評價(jià)

目前因?yàn)樾枰玫轿⑿舧eb開發(fā)工具進(jìn)行小程序的創(chuàng)建、調(diào)試、查看、預(yù)覽、上傳，所以這個(gè)工具必不可少。但是代碼編輯功能實(shí)在太差，推薦使用其它第三方代碼編輯工具代替。

二、即速應(yīng)用——適合技術(shù)小白的小程序開發(fā)工具

嚴(yán)格來說，即速應(yīng)用并不是為專業(yè)程序員準(zhǔn)備的開發(fā)工具，但它絕對是一款功能非常強(qiáng)大的微信小程序制作工具。不懂技術(shù)不懂編程的人，一定會愛上即速應(yīng)用這款工具的。

優(yōu)點(diǎn)

可視化操作，直接拖拽組件生成頁面

提供大量可套用的模板

可將代碼打包下載，直接對接到小程序的開發(fā)工具

下載下來后的代碼可以任意編輯

缺點(diǎn)

電商模板居多，其他類別的模板較少

復(fù)雜的功能仍然需要專業(yè)程序員二次開發(fā)

評價(jià)

客觀地說，即速應(yīng)用這款微信小程序制作工具非常適合技術(shù)小白。因?yàn)樗喈?dāng)于把需要代碼的`部分都幫你做好了，所以不用太頭疼技術(shù)方面的問題。當(dāng)然，如果你是程序員，一樣可以在它生成的代碼基礎(chǔ)上進(jìn)行二次開發(fā)的。

三、Sublime Text 3——簡潔高效的開發(fā)工具

sublime text 3定位于代碼編輯器而不是IDE，在代碼提示方面只能算一般般，不過勝在使用起來非常方便。

優(yōu)點(diǎn)

打開文件速度倍兒快、UI簡潔大方

代碼編輯體驗(yàn)舒適、高效

擁有大量插件，針對不同需求基本上能找到對應(yīng)插件來滿足

第三方開發(fā)者開發(fā)小程序插件用于代碼著色和代碼提示

缺點(diǎn)

沒有調(diào)試，沒有預(yù)覽

因?yàn)槭堑谌介_發(fā)者編寫的插件，代碼提示也不是非常全面

評價(jià)

使用門檻不會太高，可以迅速上手。是但如果想實(shí)現(xiàn)一些豐富的功能就會比較吃力了。

四、WebStorm——功能繁多的重度開發(fā)工具

WebStorm網(wǎng)上有個(gè)插件，可以實(shí)現(xiàn)代碼提示，不能做調(diào)試和預(yù)覽，并且屬于重度工具，如果你是，可以嘗試一下這個(gè)工具。

優(yōu)點(diǎn)

有插件可以實(shí)現(xiàn)代碼高亮，代碼提示等功能

有非常成熟和非常豐富的功能

各種快捷鍵

缺點(diǎn)

無法調(diào)試預(yù)覽

功能比較多、比較臃腫

評價(jià)

Webstorm和上述幾個(gè)工具相比，代碼編輯功能較強(qiáng)大。但是需要插件支持才可以開發(fā)小程序，而且體積臃腫。

開發(fā)小程序使用什么編輯器 知乎

QT，也有用Eclipse的。 一般寫嵌入式的程序，都是用GCC，用GDB來調(diào)試。 若Linux是虛擬機(jī)，一般，我們可以用VC++作編輯器（代碼看起來比較清楚）； 然后通過共享文件夾的方式連接該虛擬機(jī)；用gcc 命令編譯該代碼。

小程序開發(fā)工具有哪些

一、微信小程序官方開發(fā)工具

注意，它只是個(gè)工具，而不是一個(gè)IDE。官方工具中的代碼編輯功能，就是將vscode的代碼編輯功能嵌入到工具中，不足以支撐開發(fā)?！军c(diǎn)擊查看小程序開發(fā)底價(jià)】

二、即速應(yīng)用

即速應(yīng)用是起步較早、使用量較多、比較成熟的平臺。大概是比較有錢，所以到處都能看到他們的廣告，有時(shí)候我在百度中輸入和小程序不相關(guān)的詞，也會彈出即速應(yīng)用的廣告。在即速應(yīng)用這個(gè)平臺上畫界面很容易，可以不怎么需要代碼的功底。從組件界面來看，給用戶的選擇還是蠻多，但是模板比較固化，不能做太多修改定制。有些組件是VIP和SVIP級別的用戶才能使用，也就是要收費(fèi)。

三、Sublime Text 3

sublime text 3定位于代碼編輯器而不是IDE，在代碼提示方面只能算一般般，不過勝在使用起來非常方便。

四、WebStorm

WebStorm網(wǎng)上有個(gè)插件，可以實(shí)現(xiàn)代碼提示，不能做調(diào)試和預(yù)覽，

想要了解更多有關(guān)小程序開發(fā)的相關(guān)信息，推薦咨詢豬八戒網(wǎng)。豬八戒網(wǎng)成立于2006年，是中國領(lǐng)先的企業(yè)服務(wù)平臺，服務(wù)交易獨(dú)角獸企業(yè)。豬八戒網(wǎng)現(xiàn)有注冊用戶2800萬、在全國布局線下數(shù)字化創(chuàng)業(yè)園區(qū)超過100個(gè)。十余年來，累計(jì)有10萬余個(gè)人通過平臺孵化成長為公司，超過100萬人通過平臺實(shí)現(xiàn)靈活就業(yè)，千萬企業(yè)通過平臺解決專業(yè)服務(wù)需求；專業(yè)性值得選擇。

小程序制作軟件

一、知曉云

知曉云是愛范兒旗下繼知曉程序（minapp.com，媒體和小程序商店）后又一個(gè)基于微信生態(tài)的核心產(chǎn)品。

是國內(nèi)第一個(gè)專注于微信小程序開發(fā)的BaaS（Backend as a Service）產(chǎn)品，它可以讓開發(fā)者更快、更輕松地做出優(yōu)美、穩(wěn)定的小程序，且不失靈活性。

二、微信官方小程序開發(fā)工具

作為官方小程序開發(fā)工具，它只是個(gè)工具，而不是一個(gè)IDE。官方工具中的代碼編輯功能，就是將vscode的代碼編輯功能嵌入到工具中，不足以支撐開發(fā)。因?yàn)槭枪俜焦ぞ咚晕⑿殴俜叫〕绦蜷_發(fā)工具有著其他第三方平臺不可比擬的天然優(yōu)勢。

三、Coolsite360

CoolSite360推出的小程序編輯器，可以幫助設(shè)計(jì)師無需編寫wxml以及wxss代碼，通過小程序可視化編輯器就可快速設(shè)計(jì)小程序交互UI。使用小程序編輯器設(shè)計(jì)的頁面，可以方便地在微信及瀏覽器上預(yù)覽，便于前期的原型展示分享。設(shè)計(jì)好的頁面，可以一鍵導(dǎo)出符合小程序標(biāo)準(zhǔn)的代碼，可直接進(jìn)行功能開發(fā)。

四、即速應(yīng)用

嚴(yán)格來說，即速應(yīng)用不是為專業(yè)程序員準(zhǔn)備的開發(fā)工具，但它絕對是一款功能非常強(qiáng)大的微信小程序制作工具。不懂技術(shù)不懂編程的小白，一定會愛上即速應(yīng)用這款工具的。

小程序開發(fā)工具編輯器的介紹就聊到這里吧，感謝你花時(shí)間閱讀本站內(nèi)容，更多關(guān)于小程序代碼編輯器、小程序開發(fā)工具編輯器的信息別忘了在本站進(jìn)行查找喔。