1. uniapp開發微信小程序富文本編輯器(樣式仿騰訊文檔)
照著騰訊文檔小程序開發了微信小程序富文本編輯器組件,這幾天做個整理,如有這個需求可以前往騰訊文檔小程序操作看看實際效果。畢竟參照的是微信自家小程序,無法做到百分百效果,只能按現有開放api盡可能實現。
項目地址:
https://github.com/chellel/wechat-editor-project
uniapp插件市場:
https://ext.dcloud.net.cn/plugin?id=6365
editor富文本編輯器組件官方文檔:
https://developers.weixin.qq.com/miniprogram/dev/component/editor.html
否則會受到小程序css影響。小程序本身editor標簽有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()
在插入目標文字時,將值設為
',可以實現換行
this.editorCtx.insertText({ text: '
' });
參考:請問editor組件控制拉起鍵盤操作支持嗎?
https://developers.weixin.qq.com/community/develop/doc/?highLine=editor%25E6%2598%25BE%25E7%25A4%25BA%25E9%2594%25AE%25E7%259B%2598
小程序技術專員-sanford 2019-09-20
不支持的。iOS無法通過介面拉起鍵盤,必須用戶點擊;安卓則可以。所以,終究是不一致,不行。。
該組件主要為微信editor組件的api調用集成封裝,因此受到的限制同文檔描述一致,即編輯器內支持部分 HTML 標簽和內聯樣式,不支持class和id,支持的標簽詳見: https://developers.weixin.qq.com/miniprogram/dev/component/editor.html 。
不滿足的標簽會被忽略,<div>會被轉行為<p>儲存。
這也是為什麼在做富文本解析時,僅僅用rich-text組件無法有效還原html內容,在解析內容的時候就需要將內容中的HTML標簽轉換成微信小程序所支持的標簽。因此最好方式是引入市場封裝好的富文本解析插件去解析html。
所以,開發者需要自行權衡在做富文本編輯開發時,是否使用微信自帶的editor組件,或者參考騰訊文檔小程序採用webview內嵌網頁等方式去渲染。
小程序富文本編輯器editor初體驗:( https://www.jianshu.com/p/a932639ba7a6 )
如果是微信原生開發,將demo組件中的相關dom元素標簽和api換成微信原生即可。
2. 微信小程序怎樣給input賦值
這怕是自己問的問題,自己換個號答的吧?在data里設置一個值,然後在input標簽中設置value等於data中設置的那個值就好了。
3. layui富文本編輯器ajax怎麼賦值
注意查看說明文檔,按照文檔說明進行操作即可。
4. bootstrap富文本框怎麼賦值
——沒用過phlip,不知道具體情況,但是構建NJ樹的基礎都是先計算出兩兩距離,然後再根據距離大小畫出樹圖,至於為啥MEGA要快,可能是程序編輯的不一樣吧,就像我用PAUP計算MP和NJ樹時,特別是序列很多的時候,比MEGA快得不是一倍兩倍。
5. 微信小程序怎樣給input賦值
在data裡面定義一個變數,前台綁定到input裡面,然後給通過事件,方法改變data裡面的變數。
6. 微信小程序計算後,怎麼賦值給變數,而且在頁面中輸出呢
微信小程序的顯示是讀取data里的值,你把data裡面的值寫死了,當然不能直接變了
要改變顯示的值,一般要使用SETDATA方法對data的值進行刷新
7. 如何使用富文本編輯器
方法/步驟
1第一步需要引入UEditor的源文件,和jquery文件,來對編輯器進行支持。如果看到圖二的效果則說明部署成功咯,接下來我們就可以根據自己的實際需求來進行場地參數。
2第二步獲取編輯器的輸入的文本內容,然後對獲取的值傳遞給後台處理,也可通過from表單進行操作。
3配置文件上傳,圖片上傳、截圖上傳路徑(以jsp為例)
首先配置ueditor.config.js來初始化ueditor的安裝路徑,projectName代表項目路徑URL則表示,配置後的ueditor的所在路徑(可自定義),詳細配置可看圖片所示
4配置好路徑後我們就可以調用了,接下來需要配置上傳文件的路徑了(jsp/config.json)里,需要配置的有imageUrlPrefix圖片訪問
的路徑前綴,imagePathFormat/scrawlPathFormat
等*PathFormat路徑用來表示上傳的文件路徑(注意:windows 和linux的路徑不同方式)
5在項目中添加ueditor說需要的jar包文件,然後啟動項目。
6項目啟動完成後,進入頁面,我們可以來試試效果,大家可以任意復制圖片,上傳文件等來實驗下我們的配置結果。出現如下結果則說明我們配置成功了,簡單吧。
8. KindEditor 關於給編輯器賦初值的問題
<textareaID="txtContent"runat="server"/>
後台這樣賦值:
txtContent.Value="內容";
9. 如何給kindeditor富文本編輯器賦值
直接JQ設置那個文本框的val為空試試,或者KE有自己的方法
KE.html(id, val)
設置編輯器的HTML內容。
參數:
id:String,編輯器的ID
val: String,HTML字元串
返回值:無
頁面只有一個編輯器的話最新版本這樣寫就可以。