ugly js

app/assets/javascripts/admin/commons/content_editor.js

@@ -44,13 +44,22 @@ window.osuny.contentEditor = {
         var tab = event.target,
             id = tab.getAttribute('data-bs-target'),
             div = this.container.querySelector(id),
-            source = div.dataset.source,
-            target = this.container.querySelector(div.dataset.target),
-            request;
-        // target.innerHTML = '';
-        // console.log(source);
-        // console.log(target);
-        // TODO load
+            source = div.dataset.source;
+        this.target = this.container.querySelector(div.dataset.target);
+        this.target.innerHTML = '';
+        this.xhr = new XMLHttpRequest();
+        this.xhr.open('GET', source, true);
+        this.xhr.onreadystatechange = this.tabLoaded.bind(this);
+        this.xhr.send();
+    },
+
+    tabLoaded: function (event) {
+        if (this.xhr.readyState === XMLHttpRequest.DONE) {
+            if (this.xhr.status === 200) {
+                this.target.innerHTML = this.xhr.responseText;
+                this.initSortable();
+            }
+        }
     },
 
     onSortableEnd: function (event) {

app/views/admin/communication/blocks/content/_editor.html.erb

@@ -48,9 +48,7 @@ mode_expert = about.headings.many?
           </div>
         </div>
       <% end %>
-      <div id="mode-write-container">
-        <%= render 'admin/communication/contents/write', about: about %>
-      </div>
+      <div id="mode-write-container"></div>
     </div>
     <div  class="tab-pane fade" 
           id="mode-structure"