title: Embedding "Rich Text Editor" in a web view
body: <p>Now, I'm trying to embed "<a href="http://cksource.com/" rel="nofollow noreferrer">CKEditor</a>" (Rich Text Editor) in my application.</p>
  
  <p>"ckEditor" folder <em>with all js and plugins</em> is located inside "asset" folder".</p>
  
  <p>My problem is: output supposed to be like that</p>
  
  <p><img src="https://i.stack.imgur.com/rCNd6.png" alt="The output is supposed to be like that">
  In my case the output is like that :
  <img src="https://i.stack.imgur.com/miGi0.png" alt="In my case the output is like"></p>
  
  <p>My Code is like :</p>
  
  <ul>
  <li><p>1- Main Activity:</p>
  
  <p>package com.example.webviewtest;</p>
  
  <p>@SuppressLint("SetJavaScriptEnabled")
  public class MainActivity extends Activity {
      WebView webView;
      TextView myTextView;</p>
  
  <pre><code>@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");
  
  }
  </code></pre>
  
  <p>}</p>
  
  <ul>
  <li>With other Editors <em>not CK Editor</em>  the page is being displayed successfully but the  "editable text area" is being displayed as an image, no edits or selections are allowed.</li>
  </ul></li>
  </ul>
  
  <p>I don't know the source of my problem, but , i think it's "JS" Issue...Any help..?!!</p>
  
  <p><strong>- Update</strong></p>
  
  <p>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..!!!!!!</p>
  
  <p>:</p>