Appcelerator CKeditor android WebView

Ich versuche, den CKeditor in meiner App über WebView auf Android zu verwenden.Appcelerator CKeditor android WebView

Auf iOS die ckeditor erscheinen prefectly, aber auf Android Ich habe diesen Fehler:

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

In der ckeditor Dokumentation erscheinen this aber es trotzdem nicht funktioniert.

Ich denke, wenn es ein Fehler von Titanium sein kann, denn auf iOS funktioniert alles perfekt.

Dies ist mein HTML-Code:

<!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>

Quelle

2016-08-04 amurcia

Die Tatsache, dass es auf iOS funktioniert, bedeutet nicht, dass es auf Android funktioniert - Titanium gibt native Webview-Komponente - und das Verhalten für die Webansicht in iOS könnte sich von dem in Android unterscheiden. Versuchen Sie, die Android-Browser-App zu überprüfen, wenn Sie den Editor laden können. – developer82

Titanium unterstützt CKEditor.

ckeditor.js ruft config.js, styles.js und so weiter auf. Geben Sie in der HTML-Datei den Pfad zu den fehlenden Abhängigkeitsdateien an.

1] Fügen Sie die Abhängigkeitsdateien für 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] Für den mobilen Einsatz ckeditor isCompatible eingestellt werden muss.

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

CKEDITOR.basepath Einstellung wird nicht für die mobile Anwendung erforderlich ist.

Quelle

2017-07-11 10:34:01

Antwort

Verwandte Themen