WYSIWYG Editor

AnkiDroid/build.gradle

@@ -261,6 +261,7 @@ dependencies {
     compileOnly "com.google.auto.service:auto-service-annotations:1.0.1"
     annotationProcessor "com.google.auto.service:auto-service:1.0.1"
 
+    implementation 'com.github.mrudultora:Colorpicker:1.2.0'
     implementation 'androidx.activity:activity-ktx:1.4.0'
     implementation 'androidx.annotation:annotation:1.3.0'
     implementation 'androidx.appcompat:appcompat:1.4.0'

AnkiDroid/src/main/AndroidManifest.xml

@@ -217,6 +217,11 @@
                 android:value="com.ichi2.anki.DeckPicker"
                 />
         </activity>
+        <activity android:name="com.ichi2.anki.multimediacard.activity.VisualEditorActivity"
+            android:exported="false"
+            android:label="@string/title_activity_visual_editor"
+            android:configChanges="keyboardHidden|orientation|locale|screenSize"
+            android:windowSoftInputMode="stateAlwaysHidden"/>
         <activity
             android:name=".ModelBrowser"
             android:label="@string/model_browser_label"

AnkiDroid/src/main/assets/summernote/editor.js

@@ -0,0 +1,149 @@
+var enable = function() {
+    $('#summernote').summernote('enable');
+};
+
+var disable = function() {
+    $('#summernote').summernote('disable');
+};
+
+var destroy = function() {
+    $('#summernote').summernote('destroy');
+};
+
+var clear = function() {
+    $('#summernote').summernote('reset');
+};
+
+var setFocus = function(){
+    $('#summernote').summernote('focus');
+};
+
+var setHtml = function(html) {
+    $('#summernote').summernote('code', html);
+};
+
+var setBold = function() {
+    $('#summernote').summernote('bold');
+};
+
+var setItalic = function() {
+    $('#summernote').summernote('italic');
+};
+
+var setUnderline = function() {
+    $('#summernote').summernote('underline');
+};
+
+var setStrikeThrough = function() {
+    $('#summernote').summernote('strikethrough');
+};
+
+var removeFormat = function() {
+    $('#summernote').summernote('removeFormat');
+};
+
+var setFontSize = function(size) {
+    $('#summernote').summernote('fontSize', size);
+};
+
+var setNormal = function() {
+    $('#summernote').summernote('formatPara');
+};
+
+var setHeading = function(heading) {
+    $('#summernote').summernote('formatH' + heading);
+};
+
+var setLineHeight = function(height) {
+    $('#summernote').summernote('lineHeight', height);
+}
+
+var setSuperscript = function() {
+    $('#summernote').summernote('superscript');
+};
+
+var setSubscript = function() {
+    $('#summernote').summernote('subscript');
+};
+
+var setTextForeColor = function(hexColor) {
+    if (!hexColor.startsWith('#')) {
+        hexColor = '#' + hexColor;
+    }
+    $('#summernote').summernote('foreColor', hexColor);
+};
+
+var setTextBackColor = function(hexColor) {
+    if (!hexColor.startsWith('#')) {
+        hexColor = '#' + hexColor;
+    }
+    $('#summernote').summernote('backColor', hexColor);
+};
+
+var setBlockCode = function() {
+    $('#summernote').summernote('formatBlock', 'pre');
+};
+
+var insertUnorderedList = function() {
+    $('#summernote').summernote('insertUnorderedList');
+};
+
+var insertOrderedList = function() {
+    $('#summernote').summernote('insertOrderedList');
+};
+
+var setBlockQuote = function() {
+    $('#summernote').summernote('formatBlock', 'blockquote');
+};
+
+var setAlignLeft = function() {
+    $('#summernote').summernote('justifyLeft');
+};
+
+var setAlignCenter = function() {
+    $('#summernote').summernote('justifyCenter');
+};
+
+var setAlignRight = function() {
+    $('#summernote').summernote('justifyRight');
+};
+
+var setAlignJustify = function() {
+    $('#summernote').summernote('justifyFull');
+};
+
+var insertHorizontalRule = function() {
+    $('#summernote').summernote('insertHorizontalRule');
+};
+
+var indent = function() {
+    $('#summernote').summernote('indent');
+};
+
+var outdent = function() {
+    $('#summernote').summernote('outdent');
+};
+
+var insertTable = function(dimen) {
+    $('#summernote').summernote('insertTable', dimen);
+};
+
+var insertLink = function(linkTitle, linkUrl) {
+    $('#summernote').summernote('createLink', {
+        text: linkTitle,
+        url: linkUrl,
+        isNewWindow: false
+    });
+};
+
+var unlink = function() {
+    $('#summernote').summernote('unlink');
+};
+
+var insertText = function(text) {
+    $('#summernote').summernote('insertText', text);
+};
+
+var editHtml = function() {
+    $('#summernote').summernote('codeview.toggle');
+};