Added the ability to set toolbar opts. Css updates.

README.md

@@ -22,12 +22,28 @@ composer require craft-cloud/nova-ck-light
 
 ## Usage
 
+Default editor
+
 ```php
 use CraftCloud\NovaCkLight\NovaCkLight;
 
 NovaCkLight::make('MyFieldName'),
 ```
 
+Editor options
+```php
+use CraftCloud\NovaCkLight\NovaCkLight;
+
+NovaCkLight::make('MyFieldName')->toolbar(['heading', '|', 'bold', 'italic', 'link']),
+```
+
+If you require images without an editor
+
+```php
+use CraftCloud\NovaCkLight\NovaCkLight;
+
+NovaCkLight::make('MyFieldName')->imageOnly(),
+```
 ## Testing
 
 ``` bash

resources/js/components/DetailField.vue

@@ -2,7 +2,15 @@
   <PanelItem :index="index" :field="field">
     <template #value>
       <div v-if="field.imageOnly && field.value">
-        <ImageDisplay :src="field.value" :showClearButton="false" />
+        <div class="break-all md:w-3/4 md:py-3 lg:break-words">
+          <span>
+            <img
+              :src="field.value"
+              style="max-width: 128px"
+              class="aspect-square object-scale-down"
+            />
+          </span>
+        </div>
       </div>
 
       <div v-else>

resources/js/components/FormField.vue

@@ -71,7 +71,7 @@ export default {
       editorConfig: {
         // The configuration of the editor.
         toolbar: {
-          items: [
+          items: this.field.toolbar || [
             "ckfinder",
             "|",
             "heading",
@@ -88,12 +88,10 @@ export default {
             "redo",
           ],
         },
-
         ckfinder: {
           uploadUrl:
             "/ckfinder/connector?command=QuickUpload&type=Files&responseType=json",
           options: {
-            resourceType: "Images",
             connectorPath: "/ckfinder/connector",
           },
         },

src/NovaCkLight.php

@@ -18,8 +18,18 @@ class NovaCkLight extends Field
      *
      * @return $this
      */
-    public function imageOnly()
+    public function imageOnly(bool $imageOnly = true)
     {
-        return $this->withMeta(['imageOnly' => true]);
+        return $this->withMeta(['imageOnly' => $imageOnly]);
+    }
+
+    /**
+     * CK toolbar options
+     *
+     * @return $this
+     */
+    public function toolbar(array $toolbar = [])
+    {
+        return $this->withMeta(['toolbar' => $toolbar]);
     }
 }