README

一组允许在网页上编辑（通常是文本）组件的功能。

Editable Fragments是为基于Atk14Skelet构建的应用程序设计的。

用法

在模板中

{* file: app/views/main/index.tpl *}

{editable key="about_us"}
<p>We are who we are!</p>
<p>We are here because we are here!</p>
{/editable}

默认情况下，可编辑内容在textarea中编辑（因为DEFAULT_EDITABLE_CONTENT_TYPE设置为"text"）。

其他用法

{editable_string key="about_us/title"}About Us{/editable_string}

{editable_markdown key="about_us"}
* We are who we are!
* We are here because we are here!
{/editable_markdown}

{editable_render partial="person_info" person=$person key="vip_person"}


{editable_link_content key="about_us/title"}
  <a  href="{"about_us"|link_to_page}">
    About us
  </a>
{/editable_link_content}

图片

{editable_pupiq_image key="image_about_us" geometry="400x300"}
  <img src="http://i.pupiq.net/i/77/77/083/31083/600x500/5ucyEH_600x500_c834ac5ca651b903.png" class="img-fluid">
{/editable_pupiq_image}

{* or *}
                                                                                                                          
{editable_pupiq_image key="image_about_us" geometry="400x300"}
  <picture>
    <source srcset="http://i.pupiq.net/i/77/77/083/31083/600x500/5ucyEH_600x500_c834ac5ca651b903.webp" type="image/webp">
    <img src="http://i.pupiq.net/i/77/77/083/31083/600x500/5ucyEH_600x500_c834ac5ca651b903.png" class="img-fluid">
  </picture>
{/editable_pupiq_image}

先决条件

用户授权

Iobjects

图标

当应用程序中的USING_FONTAWESOME定义为true时，将自动使用Fontawesome图标。否则，使用Ionicons图标。

配置

define("DEFAULT_EDITABLE_CONTENT_TYPE","text");
define("DEFAULT_EDITABLE_CONTENT_SECTION","content");
define("DEFAULT_EDITABLE_KEY","content");

安装

cd path/to/your/project/
composer require atk14/editable-fragments

ln -s ../../../vendor/atk14/editable-fragments/src/app/controllers/admin/editable_fragments_controller.php app/controllers/admin/
ln -s ../../../vendor/atk14/editable-fragments/src/app/forms/admin/editable_fragments app/forms/admin/
ln -s ../../../vendor/atk14/editable-fragments/src/app/views/admin/editable_fragments app/views/admin/
ln -s ../../vendor/atk14/editable-fragments/src/app/helpers/block.editable.php app/helpers/
ln -s ../../vendor/atk14/editable-fragments/src/app/helpers/block.editable_markdown.php app/helpers/
ln -s ../../vendor/atk14/editable-fragments/src/app/helpers/block.editable_link_content.php app/helpers/
ln -s ../../vendor/atk14/editable-fragments/src/app/helpers/block.editable_page_description.php app/helpers/
ln -s ../../vendor/atk14/editable-fragments/src/app/helpers/block.editable_page_title.php app/helpers/
ln -s ../../vendor/atk14/editable-fragments/src/app/helpers/function.editable_render.php app/helpers/
ln -s ../../vendor/atk14/editable-fragments/src/app/helpers/block.editable_string.php app/helpers/
ln -s ../../vendor/atk14/editable-fragments/src/app/helpers/block.editable_pupiq_image.php app/helpers/
ln -s ../../vendor/atk14/editable-fragments/src/app/models/editable_fragment.php app/models/
ln -s ../../vendor/atk14/editable-fragments/src/app/models/editable_fragment_history.php app/models/

将迁移复制到适当的文件名到您的项目中并执行迁移脚本

cp vendor/atk14/editable-fragments/src/db/migrations/0144_editable_fragments.sql db/migrations/
./scripts/migrate

链接Bootstrap 4（scss）或Bootstrap 3（less）的适当样式表。

# Bootstrap 4
ln -s ../../vendor/atk14/editable-fragments/src/public/styles/_editable_fragments.scss public/styles/

# or Bootstrap 3
ln -s ../../vendor/atk14/editable-fragments/src/public/styles/editable_fragments.less public/styles/

现在将选定的样式包含到您的应用程序样式中。