diff --git a/src/app/article/basic-editor/basic-editor.component.ts b/src/app/article/basic-editor/basic-editor.component.ts
index 1044818..772f321 100644
--- a/src/app/article/basic-editor/basic-editor.component.ts
+++ b/src/app/article/basic-editor/basic-editor.component.ts
@@ -21,7 +21,6 @@ export class BasicEditorComponent {
     id: number;
     parentId: number;
     profileIdentifier: string;
-    editorOptions = {};
 
     constructor(private articleService: ArticleService,
         private profileService: ProfileService,
diff --git a/src/app/article/basic-editor/basic-editor.html b/src/app/article/basic-editor/basic-editor.html
index e56406d..0ec821b 100644
--- a/src/app/article/basic-editor/basic-editor.html
+++ b/src/app/article/basic-editor/basic-editor.html
@@ -8,7 +8,7 @@
       </div>
       <div class="form-group">
         <label for="bodyInput">{{"article.basic_editor.body" | translate}}</label>
-        <textarea ckeditor="vm.editorOptions" class="form-control" id="bodyInput" rows="10" ng-model="vm.article.body"></textarea>
+        <html-editor [(value)]="vm.article.body"></html-editor>
       </div>
       <button type="submit" class="btn btn-default" ng-click="vm.save()">{{"article.basic_editor.save" | translate}}</button>
       <button type="button" class="btn btn-danger" ng-click="vm.cancel()">{{"article.basic_editor.cancel" | translate}}</button>
diff --git a/src/app/main/main.component.ts b/src/app/main/main.component.ts
index 7cef8e7..d4e9d8e 100644
--- a/src/app/main/main.component.ts
+++ b/src/app/main/main.component.ts
@@ -29,6 +29,7 @@ import {BodyStateClassesService} from "./../layout/services/body-state-classes.s
 import {Navbar} from "../layout/navbar/navbar";
 
 import {MainBlockComponent} from "../layout/blocks/main-block/main-block.component";
+import {HtmlEditorComponent} from "../shared/components/html-editor/html-editor.component";
 
 
 /**
@@ -82,7 +83,7 @@ export class EnvironmentContent {
     directives: [
         ArticleBlogComponent, ArticleViewComponent, BoxesComponent, BlockComponent,
         EnvironmentComponent, PeopleBlockComponent,
-        LinkListBlockComponent, CommunitiesBlockComponent,
+        LinkListBlockComponent, CommunitiesBlockComponent, HtmlEditorComponent,
         MainBlockComponent, RecentDocumentsBlockComponent, Navbar, ProfileImageBlockComponent,
         MembersBlockComponent, NoosferoTemplate, DateFormat, RawHTMLBlockComponent
     ],
diff --git a/src/app/shared/components/html-editor/html-editor.component.spec.ts b/src/app/shared/components/html-editor/html-editor.component.spec.ts
new file mode 100644
index 0000000..789e86d
--- /dev/null
+++ b/src/app/shared/components/html-editor/html-editor.component.spec.ts
@@ -0,0 +1,26 @@
+import {ComponentTestHelper, createClass} from './../../../../spec/component-test-helper';
+import {HtmlEditorComponent} from "./html-editor.component";
+
+const htmlTemplate: string = '<html-editor [(value)]="ctrl.value" [options]="ctrl.options"></html-editor>';
+
+describe("Components", () => {
+    describe("Html Editor Component", () => {
+
+        let helper: ComponentTestHelper<HtmlEditorComponent>;
+        beforeEach(angular.mock.module("templates"));
+
+        beforeEach((done) => {
+            let properties = { value: "value" };
+            let cls = createClass({
+                template: htmlTemplate,
+                directives: [HtmlEditorComponent],
+                properties: properties
+            });
+            helper = new ComponentTestHelper<HtmlEditorComponent>(cls, done);
+        });
+
+        it("render a textarea", () => {
+            expect(helper.find("textarea").length).toEqual(1);
+        });
+    });
+});
diff --git a/src/app/shared/components/html-editor/html-editor.component.ts b/src/app/shared/components/html-editor/html-editor.component.ts
new file mode 100644
index 0000000..c6dbd25
--- /dev/null
+++ b/src/app/shared/components/html-editor/html-editor.component.ts
@@ -0,0 +1,11 @@
+import {Component, Input} from "ng-forward";
+
+@Component({
+    selector: 'html-editor',
+    templateUrl: "app/shared/components/html-editor/html-editor.html",
+})
+export class HtmlEditorComponent {
+
+    @Input() options: any = {};
+    @Input() value: any;
+}
diff --git a/src/app/shared/components/html-editor/html-editor.html b/src/app/shared/components/html-editor/html-editor.html
new file mode 100644
index 0000000..266b73b
--- /dev/null
+++ b/src/app/shared/components/html-editor/html-editor.html
@@ -0,0 +1 @@
+<textarea ckeditor="ctrl.options" class="form-control" ng-model="ctrl.value"></textarea>
--
libgit2 0.21.2