diff --git a/Controller.php b/Controller.php
index 5afd02b..cd958c5 100644
--- a/Controller.php
+++ b/Controller.php
@@ -112,6 +112,9 @@ class Controller extends ModuleAbstract implements WebInterface
         $view->setTemplate('/Modules/Editor/Theme/Backend/editor-create');
         $view->addData('nav', $this->app->moduleManager->get('Navigation')->createNavigationMid(1005301001, $request, $response));
 
+        $editor = new \Modules\Editor\Theme\Backend\Components\Editor\BaseView($this->app, $request, $response);
+        $view->addData('editor', $editor);
+
         return $view;
     }
 
diff --git a/Theme/Backend/Components/Editor/BaseView.php b/Theme/Backend/Components/Editor/BaseView.php
new file mode 100644
index 0000000..3a92406
--- /dev/null
+++ b/Theme/Backend/Components/Editor/BaseView.php
@@ -0,0 +1,46 @@
+<?php
+/**
+ * Orange Management
+ *
+ * PHP Version 7.1
+ *
+ * @category   TBD
+ * @package    TBD
+ * @copyright  Dennis Eichhorn
+ * @license    OMS License 1.0
+ * @version    1.0.0
+ * @link       http://orange-management.com
+ */
+declare(strict_types=1);
+
+namespace Modules\Editor\Theme\Backend\Components\Editor;
+
+use phpOMS\Views\View;
+use phpOMS\ApplicationAbstract;
+use phpOMS\Message\RequestAbstract;
+use phpOMS\Message\ResponseAbstract;
+
+class BaseView extends View
+{
+    private $id = '';
+
+    public function __construct(ApplicationAbstract $app, RequestAbstract $request, ResponseAbstract $response)
+    {
+        parent::__construct($app, $request, $response);
+        $this->setTemplate('/Modules/Editor/Theme/Backend/Components/Editor/inline-editor-tools');
+
+        $view = new TextView($app, $request, $response);
+        $this->addData('text', $view);
+    }
+
+    public function getId() : string
+    {
+        return $this->id;
+    }
+
+    public function render(...$data) : string
+    {
+        $this->id = $data[0];
+        return parent::render();
+    }
+}
\ No newline at end of file
diff --git a/Theme/Backend/Components/Editor/TextView.php b/Theme/Backend/Components/Editor/TextView.php
new file mode 100644
index 0000000..3f9b844
--- /dev/null
+++ b/Theme/Backend/Components/Editor/TextView.php
@@ -0,0 +1,43 @@
+<?php
+/**
+ * Orange Management
+ *
+ * PHP Version 7.1
+ *
+ * @category   TBD
+ * @package    TBD
+ * @copyright  Dennis Eichhorn
+ * @license    OMS License 1.0
+ * @version    1.0.0
+ * @link       http://orange-management.com
+ */
+declare(strict_types=1);
+
+namespace Modules\Editor\Theme\Backend\Components\Editor;
+
+use phpOMS\Views\View;
+use phpOMS\ApplicationAbstract;
+use phpOMS\Message\RequestAbstract;
+use phpOMS\Message\ResponseAbstract;
+
+class TextView extends View
+{
+    private $id = '';
+
+    public function __construct(ApplicationAbstract $app, RequestAbstract $request, ResponseAbstract $response)
+    {
+        parent::__construct($app, $request, $response);
+        $this->setTemplate('/Modules/Editor/Theme/Backend/Components/Editor/inline-editor');
+    }
+
+    public function getId() : string
+    {
+        return $this->id;
+    }
+
+    public function render(...$data) : string
+    {
+        $this->id = $data[0];
+        return parent::render();
+    }
+}
\ No newline at end of file
diff --git a/Theme/Backend/inline-editor-tools.tpl.php b/Theme/Backend/Components/Editor/inline-editor-tools.tpl.php
similarity index 100%
rename from Theme/Backend/inline-editor-tools.tpl.php
rename to Theme/Backend/Components/Editor/inline-editor-tools.tpl.php
diff --git a/Theme/Backend/inline-editor.tpl.php b/Theme/Backend/Components/Editor/inline-editor.tpl.php
similarity index 100%
rename from Theme/Backend/inline-editor.tpl.php
rename to Theme/Backend/Components/Editor/inline-editor.tpl.php
diff --git a/Theme/Backend/editor-create.tpl.php b/Theme/Backend/editor-create.tpl.php
index 02da40f..1563472 100644
--- a/Theme/Backend/editor-create.tpl.php
+++ b/Theme/Backend/editor-create.tpl.php
@@ -32,86 +32,17 @@ echo $this->getData('nav')->render(); ?>
 
 <div class="row">
     <div class="col-xs-12">
-        <div class="box wf-100">
-            <div class="tabular">
-                <ul class="tab-links">
-                    <li><label for="c-tab-1"><?= $this->getHtml('Start'); ?></label>
-                    <li><label for="c-tab-2"><?= $this->getHtml('Insert'); ?></label>
-                    <li><label for="c-tab-3"><?= $this->getHtml('Layout'); ?></label>
-                </ul>
-                <div class="tab-content">
-                    <input type="radio" id="c-tab-1" name="tabular-1" checked>
-                    <div class="tab">
-                        <ul class="h-list">
-                            <li><i class="fa fa-lg fa-floppy-o"></i>
-                            <li><i class="fa fa-lg fa-cloud-download"></i>
-                            <li><i class="fa fa-lg fa-undo"></i>
-                            <li><i class="fa fa-lg fa-repeat"></i>
-                            <li><i class="fa fa-lg fa-copy"></i>
-                            <li><i class="fa fa-lg fa-paste"></i>
-                            <li><i class="fa fa-lg fa-cut"></i>
-                            <li><i class="fa fa-lg fa-bold"></i>
-                            <li><i class="fa fa-lg fa-italic"></i>
-                            <li><i class="fa fa-lg fa-underline"></i>
-                            <li><i class="fa fa-lg fa-strikethrough"></i>
-                            <li><i class="fa fa-lg fa-font"></i>
-                            <li><i class="fa fa-lg fa-subscript"></i>
-                            <li><i class="fa fa-lg fa-superscript"></i>
-                            <li><i class="fa fa-lg fa-paint-brush"></i>
-                            <li><i class="fa fa-lg fa-pencil"></i>
-                            <li><i class="fa fa-lg fa-list-ul"></i>
-                            <li><i class="fa fa-lg fa-list-ol"></i>
-                            <li><i class="fa fa-lg fa-indent"></i>
-                            <li><i class="fa fa-lg fa-dedent"></i>
-                            <li><i class="fa fa-lg fa-align-left"></i>
-                            <li><i class="fa fa-lg fa-align-justify"></i>
-                            <li><i class="fa fa-lg fa-align-right"></i>
-                        </ul>
-                    </div>
-                    <input type="radio" id="c-tab-2" name="tabular-1">
-                    <div class="tab">
-                        <ul class="h-list">
-                            <li><i class="fa fa-lg fa-table"></i>
-                            <li><i class="fa fa-lg fa-image"></i>
-                            <li><i class="fa fa-lg fa-camera"></i>
-                            <li><i class="fa fa-lg fa-paint-brush"></i>
-                            <li><i class="fa fa-lg fa-bar-chart"></i>
-                            <li><i class="fa fa-lg fa-link"></i>
-                            <li><i class="fa fa-lg fa-unlink"></i>
-                            <li><i class="fa fa-lg fa-code"></i>
-                            <li><i class="fa fa-lg fa-quote-right"></i>
-                            <li><i class="fa fa-lg fa-calendar"></i>
-                            <li><i class="fa fa-lg fa-clock"></i>
-                        </ul>
-                    </div>
-                    <input type="radio" id="c-tab-3" name="tabular-1">
-                    <div class="tab">
-                    </div>
-                </div>
+        <section class="box wf-100">
+            <div class="inner">
+                <?= $this->getData('editor')->render('editor-tools'); ?>
             </div>
-        </div>
+        </section>
     </div>
 </div>
 
 <div class="row">
     <div class="col-xs-12">
-        <div class="box wf-100">
-            <div class="tabular">
-                <ul class="tab-links">
-                    <li><label for="c-tab2-1"><?= $this->getHtml('Text'); ?></label>
-                    <li><label for="c-tab2-2"><?= $this->getHtml('Preview'); ?></label>
-                </ul>
-                <div class="tab-content">
-                    <input type="radio" id="c-tab2-1" name="tabular-2" checked>
-                    <div class="tab">
-                        <textarea name="plain" class="wf-100" form="fEditor"></textarea>
-                    </div>
-                    <input type="radio" id="c-tab2-2" name="tabular-2">
-                    <div class="tab">
-                    </div>
-                </div>
-            </div>
-        </div>
+        <?= $this->getData('editor')->getData('text')->render('editor-text'); ?>
     </div>
 </div>
 
diff --git a/Theme/Backend/editor.tpl.php b/Theme/Backend/editor.tpl.php
deleted file mode 100644
index 5a4b63f..0000000
--- a/Theme/Backend/editor.tpl.php
+++ /dev/null
@@ -1,36 +0,0 @@
-<?php
-/**
- * Orange Management
- *
- * PHP Version 7.1
- *
- * @category   TBD
- * @package    TBD
- * @copyright  Dennis Eichhorn
- * @license    OMS License 1.0
- * @version    1.0.0
- * @link       http://orange-management.com
- */
-/**
- * @var \phpOMS\Views\View $this
- */
-
-$doc = $this->getData('doc') ?? null;
-?>
-<div id="testEditor" class="m-editor">
-    <section class="box wf-100">
-        <div class="inner">
-            <input type="text" name="title" form="docForm">
-        </div>
-    </section>
-
-    <section class="box wf-100">
-        <div class="inner">
-            <?php include __DIR__ . '/inline-editor-tools.tpl.php'; ?>
-        </div>
-    </section>
-
-    <div class="box wf-100">
-        <?php include __DIR__ . '/inline-editor.tpl.php'; ?>
-    </div>
-</div>
\ No newline at end of file