天天看點

翻翻git之---編譯器般高大上的WebView RichEditor (PS:家裡兩個小祖宗大爆照)

本周忙有點忙(都是私事),幾乎每天都是忙到12點多(昨天是去接當當),今天是周五強行下午抽時間再來一發。

這裡再爆下照,我的2個寶貝“孩子”,麥麥和當當(麥麥就是我頭像那個,不過剛來他們的别墅我還沒畫好,也沒做 隻能委屈當當了)

翻翻git之---編譯器般高大上的WebView RichEditor (PS:家裡兩個小祖宗大爆照)

今天介紹的是一個“star”相當高的一個自定義webview– richeditor

先貼一下效果圖:

如果圖檔刷不出來,點選這裡

翻翻git之---編譯器般高大上的WebView RichEditor (PS:家裡兩個小祖宗大爆照)

樣例中作者把帶有預設格式的輸入框區域的内容的html代碼呈現在下方的textview裡。

也就是類似反向實作了你在編譯器裡敲html/css代碼的效果。

how to use?

grade:

eclipse的小夥伴就要copy下他的代碼和資源内容了。

因為他是native和js的互動肯定會有一些.js的代碼以及雙方的互相調用,這部分我之前也有寫過demo,可以看這裡http://blog.csdn.net/ddwhan0123/article/details/49683799

首先我們還是要擷取他的對象

<code>meditor = (richeditor) findviewbyid(r.id.editor);</code>

然後對她進行一系列初始化(這也就是為什麼作者提供的例子裡橫向scrollview并沒有繪色闆卻字型是紅色,他作為控件本身的屬性存在,那也就有了我們二次開發的可能,諸如添加個繪色闆什麼的)

還有預設個圖檔啊,背景色什麼的,看你的需求了,反正都是凋js的,也有一些是可以調webview的一些方法

諸如:

那麼,那些html代碼是怎麼傳回給下面的textview的呢?

做這些了個接口,然後set一下就行了

像這樣 set一下就好了

具體的功能什麼 h1 h2什麼的 還有斜體啊粗體之類的都是

像這樣拼接起來然後傳到js那頭去處理,如果你要有自己的功能,js那頭添加一下,源生這頭加一下走通就行了。

作者git:https://github.com/wasabeef/richeditor-android

例子位址:https://github.com/wasabeef/richeditor-android/archive/master.zip

周末愉快!!

謝謝!!

繼續閱讀