近日在通过cordova+contentEditable开发富文本编辑器,但是在虚拟机中测试的好好的到了真机中点击backspace却不能删除图片,必须点一下换行键,再把光标移回上面图片后面才可以。解决方法如下:

在org.apache.cordova包中创建CordovaInputConnection类

package org.apache.cordova;

import android.view.KeyEvent;
import android.view.View;
import android.view.inputmethod.BaseInputConnection;
public class CordovaInputConnection extends BaseInputConnection{

	 public CordovaInputConnection(View targetView, boolean fullEditor) {
	        super(targetView, fullEditor);
	    }

	    @Override
	    public boolean deleteSurroundingText(int beforeLength, int afterLength) {       
	        // magic: in latest Android, deleteSurroundingText(1, 0) will be called for backspace
	        if (beforeLength == 1 && afterLength == 0) {
	            // backspace
	            return super.sendKeyEvent(new KeyEvent(KeyEvent.ACTION_DOWN, KeyEvent.KEYCODE_DEL))
	                && super.sendKeyEvent(new KeyEvent(KeyEvent.ACTION_UP, KeyEvent.KEYCODE_DEL));
	        }

	        return super.deleteSurroundingText(beforeLength, afterLength);
	    }
	    
}


然后在cordovaWebView中重写onCreateInputConnecton方法

 @Override
    public InputConnection onCreateInputConnection(EditorInfo outAttrs) {
        CordovaInputConnection connection = new CordovaInputConnection(this, false);

        return connection;
    }

就可以解决无效的问题


代码下载


最近发现使用contentEditable做文本编辑器会出现输入中文异常的问题,所以就改为native的方式实现,使用了一个开源的框架,见https://github.com/xmuSistone/android-animate-RichEditor

Logo

华为开发者空间,是为全球开发者打造的专属开发空间,汇聚了华为优质开发资源及工具,致力于让每一位开发者拥有一台云主机,基于华为根生态开发、创新。

更多推荐