Adding WYSIWYG field in NgRest (#230)

* Update Wig css

* Update Wig display

* Add Wig Ngrest Plugin

* Update and rename Wig.php to Wysiwyg.php

* Update CHANGELOG.md

* Update Wysiwyg.php

* Update _ng-wig.scss

CHANGELOG.md

@@ -4,6 +4,10 @@ All notable changes to this project will be documented in this file. This projec
 
 ## 1.2.3 (in progress)
 
+### Added
+
++ [#230](https://github.com/luyadev/luya-module-admin/pull/230) Add WYSIWYG NgRest plugin.
+
 ## 1.2.2.1 (8. October 2018)
 
 + [#211](https://github.com/luyadev/luya-module-admin/issues/211) Try to load all images in crud list in one request and access them trough images service afterwards.

src/ngrest/plugins/Wysiwyg.php

@@ -0,0 +1,43 @@
+<?php
+
+namespace luya\admin\ngrest\plugins;
+
+use luya\admin\ngrest\base\Plugin;
+
+/**
+ * Create a WYSIWYG input for a given field.
+ *
+ *
+ * ```php
+ * ['mytext' => ['wysiwyg']]
+ * ```
+ *
+ * @author David-Julian Buch <david@web-premiere.fr>
+ * @since 1.2.3
+ */
+class Wysiwyg extends Plugin
+{
+ /**
+ * @inheritdoc
+ */
+ public function renderList($id, $ngModel)
+ {
+ return $this->createListTag($ngModel);
+ }
+
+ /**
+ * @inheritdoc
+ */
+ public function renderCreate($id, $ngModel)
+ {
+ return $this->createFormTag('zaa-wysiwyg', $id, $ngModel);
+ }
+
+ /**
+ * @inheritdoc
+ */
+ public function renderUpdate($id, $ngModel)
+ {
+ return $this->renderCreate($id, $ngModel);
+ }
+}

src/resources/scss/components/_ng-wig.scss

@@ -171,6 +171,8 @@
  -moz-appearance: none;
 
  appearance: none;
+
+ overflow: hidden;
 }
 
 .nw-button:before {
@@ -274,4 +276,4 @@
  color: grey;
  content: attr(placeholder);
  display: inline-block;
-}
+}