Browse Source

#325

Text Area multi editor not working properly!!!!

- Now you can add multiple editors in the same page working just fine,
all you need to do is to set data-target from "<div class="btn-toolbar
editor" data-role="editor-toolbar" data-target="editor-one">" the same
as the id " <div id="editor-one" class="editor-wrapper"></div>" (
editor-one ) here.
Nicolae Gabriel 8 years ago
parent
commit
b23019609a
1 changed files with 11 additions and 6 deletions
  1. 11 6
      production/form.html

+ 11 - 6
production/form.html

@@ -992,7 +992,7 @@
                 </div>
                 <div class="x_content">
                   <div id="alerts"></div>
-                  <div class="btn-toolbar editor" data-role="editor-toolbar" data-target="#editor">
+                  <div class="btn-toolbar editor" data-role="editor-toolbar" data-target="editor-one">
                     <div class="btn-group">
                       <a class="btn dropdown-toggle" data-toggle="dropdown" title="Font"><i class="fa fa-font"></i><b class="caret"></b></a>
                       <ul class="dropdown-menu">
@@ -1061,7 +1061,7 @@
                     </div>
                   </div>
 
-                  <div id="editor" class="editor-wrapper"></div>
+                  <div id="editor-one" class="editor-wrapper"></div>
 
                   <textarea name="descr" id="descr" style="display:none;"></textarea>
                   
@@ -1431,10 +1431,15 @@
 
         initToolbarBootstrapBindings();
 
-        $('#editor').wysiwyg({
-          fileUploadError: showErrorAlert
-        });
-
+       $('.editor-wrapper').each(function(){
+			var id = $(this).attr('id');	//editor-one
+			
+			$(this).wysiwyg({
+				toolbarSelector: '[data-target="#' + id + '"]',
+				fileUploadError: showErrorAlert
+			});	
+		});
+ 
         window.prettyPrint;
         prettyPrint();
       });