Embedding “Rich Text Editor” in a web view

Question

Now, I'm trying to embed " CKEditor " (Rich Text Editor) in my application.

"ckEditor" folder with all js and plugins is located inside "asset" folder".

My problem is: output supposed to be like that

In my case the output is like that :

My Code is like :

• 1- Main Activity:

  package com.example.webviewtest;

  @SuppressLint("SetJavaScriptEnabled") public class MainActivity extends Activity { WebView webView; TextView myTextView;

   @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); webView = (WebView) findViewById(R.id.webView1); webView.getSettings().setJavaScriptEnabled(true); webView.setWebViewClient(new WebViewClient()); WebSettings webSettings = webView.getSettings(); webSettings.setJavaScriptEnabled(true); webSettings.setDomStorageEnabled(true); webView.getSettings().setJavaScriptEnabled(true); webView.getSettings().setDomStorageEnabled(true); webView.getSettings().setPluginState(PluginState.ON); webView.setWebChromeClient(new WebChromeClient()); webView.getSettings().setJavaScriptEnabled(true); webView.getSettings().setJavaScriptCanOpenWindowsAutomatically(true); webView.loadUrl("file:///android_asset/ckeditor/index.html"); } 

  }

  • With other Editors not CK Editor the page is being displayed successfully but the "editable text area" is being displayed as an image, no edits or selections are allowed.

I don't know the source of my problem, but , i think it's "JS" Issue...Any help..?!!

- Update

I uploaded the ckEditor folder on remote host, and i still get the same image "above" not only on my application but also in the browser..!!!!!!

:

Answer 1

经过CKEditor页面的一些导航后，我发现该编辑器未启用与Android设备兼容的功能，但是，您可以为自己的android设备手动启用该功能，后果自负，为此，您需要编辑“ core / env.js”文件并启用“搜索白名单”。