Appcelerator CKeditor android WebView

私はアンドロイドのWebView経由で私のアプリでckeditorを使用しようとしています。 iOSのCKEditorバージョンでAppcelerator CKeditor android WebView

はprefectly表示されますが、アンドロイド上で、私はこのエラーがあります：

I/TiWebChromeClient.console: (main) [49519,49519] Uncaught TypeError: Cannot set property 'dir' of undefined (4466:file:///android_asset/Resources/lib/ckeditor/ckeditor.js)

CKEditorバージョンのドキュメントで

はthisを表示されますが、それはとにかく動作しません。

iOS上のすべてが完全に機能するので、それがチタンのエラーである可能性があると思っています。

これは私のhtmlコードです：

<!DOCTYPE html> 

<html> 
<head> 
    <meta charset="utf-8"> 
    <script> 
     var CKEDITOR_BASEPATH = '/lib/ckeditor/'; 
     window.CKEDITOR_BASEPATH='/lib/ckeditor/'; 
    </script> 
    <script src="../ckeditor.js"></script> 
    <script src="js/sample.js"></script> 
    <style> 
     body{ 
      margin: 0px; 
     } 
    </style> 
</head> 

<body id="main"> 

    <div class="adjoined-bottom"> 
     <div class="grid-container"> 
      <div class="grid-width-100"> 
       <div id="editor"> 
        <h1>Hello world!</h1> 
        <p>I'm an instance of <a href="http://ckeditor.com">CKEditor</a>.</p> 
       </div> 
      </div> 
     </div> 
    </div> 

    <script> 
     initSample(); 
    </script> 
</body> 
</html>

出典

2016-08-04 amurcia

iOS上で動作するということは、Android上で動作することを意味するわけではありません.Titanはネイティブのwebviewコンポーネントを提供します.iOSのwebviewの動作はAndroidのものとは異なる場合があります。エディタを読み込むことができる場合は、Androidブラウザアプリをチェックインしてみてください。 – developer82

チタンはCKEditorバージョンをサポートしています。

ckeditor.jsはconfig.js、styles.jsなどを呼び出します。 htmlファイルに、それらの欠落している依存ファイルへのパスを指定します。

1] はisCompatibleを設定する必要があり、モバイルアプリケーションのCKEditorバージョンについてはCKEditorバージョンの依存ファイル

<script src="lib/javascript/ckeditor/ckeditor.js"></script> 
    <script src="lib/javascript/ckeditor/config.js"></script> 
    <script src="lib/javascript/ckeditor/styles.js"></script> 
    <script src="lib/javascript/ckeditor/lang/en-gb.js"></script> 
    <script src="lib/javascript/ckeditor/plugins/panelbutton/plugin.js"></script> 
    <script src="lib/javascript/ckeditor/plugins/colorbutton/plugin.js"></script> 
    <script src="lib/javascript/ckeditor/plugins/colorbutton/lang/en.js"></script> 
    <script src="lib/javascript/ckeditor/plugins/colorbutton/lang/en-gb.js"></script>

2] を含めます。

<script type="text/javascript"> 
    CKEDITOR.env.isCompatible = true; 
</script>

CKEDITOR.basepathはモバイルアプリケーションには必須ではありません。

出典

2017-07-11 10:34:01

Appcelerator CKeditor android WebView

答えて

関連する問題