New insert image attrs

src/RichTextEditor.js

@@ -404,8 +404,8 @@ export default class RichTextEditor extends Component {
     this._sendAction(actions.updateLink, {url, title});
   }
 
-  insertImage(url, alt) {
-    this._sendAction(actions.insertImage, {url, alt});
+  insertImage(attributes) {
+    this._sendAction(actions.insertImage, attributes);
     this.prepareInsert(); //This must be called BEFORE insertImage. But WebViewBridge uses a stack :/
   }
 

src/WebviewMessageHandler.js

@@ -77,7 +77,7 @@ export const InjectedMessageHandler = `
           zss_editor.updateLink(action.data.url, action.data.title);
           break;
         case '${actions.insertImage}':
-          zss_editor.insertImage(action.data.url, action.data.alt);
+          zss_editor.insertImage(action.data);
           break;
         case '${actions.setSubscript}':
           zss_editor.setSubscript();

src/editor.html

@@ -1332,10 +1332,11 @@
 				zss_editor.backuprange();
 			}
 
-			zss_editor.insertImage = function(url, alt) {
+			zss_editor.insertImage = function(attributes) {
 				zss_editor.restorerange();
-				var html = '<img src="'+encodeHtmlEntities(url)+'" alt="'+encodeHtmlEntities(alt)+'" /><br>';
-				zss_editor.insertHTML(html);
+				var imageContainer = $('<div><img></div>');
+				imageContainer.find('img').attr(attributes);
+				zss_editor.insertHTML(imageContainer.html() + '<br>');
 				zss_editor.enabledEditingItems();
 			}