diff --git a/README.md b/README.md index 771156d..dcabada 100644 --- a/README.md +++ b/README.md @@ -1,9 +1,10 @@ Grid Editor =========== -Grid Editor is a visual javascript editor for the [bootstrap 4 grid system](http://getbootstrap.com/css/#grid), written as a [jQuery](http://jquery.com/) plugin. You can create, drag, resize and delete rows and columns, and set different column widths for tablets and phones. +Grid Editor is a visual javascript editor for the [bootstrap 5 grid system](http://getbootstrap.com), written as a [jQuery](http://jquery.com/) plugin. You can create, drag, resize and delete rows and columns, and set different column widths for tablets and phones. -(Looking for the __bootstrap 3 support__? Use version 0 in the [bootstrap_3 branch](https://github.com/Frontwise/grid-editor/tree/bootstrap_3)) + +(Looking for the __bootstrap 3 support__? Use version 0 in the [bootstrap_3 branch](https://github.com/vahidalvandi/grid-editor/tree/bootstrap_3)) It provides integration plugins for the following rich text editors to edit column content: TinyMCE, summernote and CKEditor. @@ -14,14 +15,14 @@ It provides integration plugins for the following rich text editors to edit colu Installation ------------ -* __Dependencies:__ Grid Editor depends on jQuery, jQuery UI, Font Awesome 4 or 5, and Bootstap 4, so make sure you have included those in the page. +* __Dependencies:__ Grid Editor depends on jQuery, jQuery UI, Bootstrap icons , and Bootstap 5, so make sure you have included those in the page. * If you want to use the tincyMCE integration, include tinyMCE and tinyMCE jQuery plugin as well. * If you want to use the summernote integration, include summernote as well. * If you want to use the CKEditor integration... you get the point. * [Download the latest version of Grid Editor](https://github.com/Frontwise/grid-editor/archive/master.zip) and include it in your page: ```html - + ``` diff --git a/dist/grideditor.css b/dist/grideditor.css index d5a4cc2..f0b73e2 100644 --- a/dist/grideditor.css +++ b/dist/grideditor.css @@ -18,7 +18,7 @@ } .ge-mainControls .ge-addRowGroup .btn.btn-primary { background: #f4f4f4; - color: #666; + color: #222222; border-color: #999; display: flex; align-items: center; @@ -119,21 +119,21 @@ color: #666; } .ge-canvas.ge-editing .row > .ge-tools-drawer > a.ge-add-column { - color: #178acc; + color: #025281; } .ge-canvas.ge-editing .column { - background-color: rgba(47, 164, 231, 0.15); - border: 1px solid #2FA4E7; + background-color: rgba(3, 114, 179, 0.15); + border: 1px solid #0372b3; padding: 0 5px 5px; } .ge-canvas.ge-editing .column > .ge-tools-drawer { background: #afd5ea; } .ge-canvas.ge-editing .column > .ge-tools-drawer a { - color: #178acc; + color: #025281; } .ge-canvas.ge-editing .column > .ge-tools-drawer > a.ge-add-row { - color: #666; + color: #222222; } .ge-canvas.ge-editing .ge-content-type-tinymce.active { outline: 1px dotted #333; diff --git a/dist/jquery.grideditor.js b/dist/jquery.grideditor.js index 3c1c42e..75112d8 100644 --- a/dist/jquery.grideditor.js +++ b/dist/jquery.grideditor.js @@ -120,7 +120,7 @@ $.fn.gridEditor = function( options ) { .appendTo(addRowGroup) ; - btn.append(''); + btn.append(''); var layoutName = layout.join(' - '); var icon = '
'; @@ -133,7 +133,7 @@ $.fn.gridEditor = function( options ) { // Buttons on right var layoutDropdown = $('