quansitech/qscmf-wsig

qscmf的所见即所得组件

维护者

详细信息

github.com/quansitech/qscmf-wsig

源代码

问题

安装: 23

依赖项: 0

建议者: 0

安全: 0

星标: 0

关注者: 2

分支: 0

开放问题: 0

语言：HTML

v1.0.0 2020-09-15 06:33 UTC

Requires

MIT 0bbeb007e9f8c7c80760069880e836ae56c54ff3

  • tiderjian <tider_yatsen.woop@hotmail.com>

cmswysiwygqscmf

This package is auto-updated.

Last update: 2024-09-15 15:23:11 UTC

README

安装

composer require quansitech/qscmf-wsig

使用

  1. 首先在前台HTML页面设置需要配置的元素，配置方法可详见 所见即所得react组件
  2. 在后台页面调用组件生成控件页面
$pc = new Wsig();  //初始化不指定宽高，自适应后台页面大小，适合PC端页面展示
//或者
$mobile = new Wsig(411, 731); //设置固定宽高尺寸，适合移动端

//渲染组件html效果
//第一个参数是前台页面的html
//第二个参数是所见即所得react组件需要配置的options 具体查看react组件说明文档
$mobile->render('/?mobile=1', ['imageUploadUrl' => '/api/upload/uploadImage']);
  1. 修改页面内容，点击保存后自动将内容保存到数据库。
  2. 可通过 WsigData::getValue($key)来获取对应的设置值。

提示

  1. 组件是通过iframe嵌套前台页面，同时给页面注入js启动代码来渲染完成页面的元素可配置化。因此，当需要展示移动端页面时，iframe无法向PHP程序发送移动端的user-agent。因此，此时需要通过url请求参数的方式来获取移动端的html主题。例如，上例中的?mobile=1