PHPackages                             quansitech/qscmf-wsig - PHPackages - PHPackages  [Skip to content](#main-content)[PHPackages](/)[Directory](/)[Categories](/categories)[Trending](/trending)[Leaderboard](/leaderboard)[Changelog](/changelog)[Analyze](/analyze)[Collections](/collections)[Log in](/login)[Sign up](/register)

1. [Directory](/)
2. /
3. quansitech/qscmf-wsig

ActiveLibrary

quansitech/qscmf-wsig
=====================

qscmf's WYSIWYG component

v1.0.0(5y ago)032MITHTMLPHP >=7.2.0

Since Sep 15Pushed 5y ago1 watchersCompare

[ Source](https://github.com/quansitech/qscmf-wsig)[ Packagist](https://packagist.org/packages/quansitech/qscmf-wsig)[ RSS](/packages/quansitech-qscmf-wsig/feed)WikiDiscussions master Synced 1mo ago

READMEChangelogDependencies (1)Versions (2)Used By (0)

qscmf 所见即所得组件
=============

[](#qscmf-所见即所得组件)

install
-------

[](#install)

composer require quansitech/qscmf-wsig

usage
-----

[](#usage)

1. 先在前台html页面设置需要配置的元素，配置办法可详见 [所见即所得react组件](https://github.com/quansitech/react-wysiwyg)
2. 在后台页面调用组件生成控件页面

```
$pc = new Wsig();  //初始化不指定宽高，自适应后台页面大小，适合PC端页面展示
//或者
$mobile = new Wsig(411, 731); //设置固定宽高尺寸，适合移动端

//渲染组件html效果
//第一个参数是前台页面的html
//第二个参数是所见即所得react组件需要配置的options 具体查看react组件说明文档
$mobile->render('/?mobile=1', ['imageUploadUrl' => '/api/upload/uploadImage']);
```

3. 修改页面的内容，点击保存后自动将内容保存到数据库。
4. 可通过 WsigData::getValue($key)来获取对应的设置值。

提示
--

[](#提示)

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

###  Health Score

22

—

LowBetter than 22% of packages

Maintenance20

Infrequent updates — may be unmaintained

Popularity7

Limited adoption so far

Community4

Small or concentrated contributor base

Maturity49

Maturing project, gaining track record

How is this calculated?**Maintenance (25%)** — Last commit recency, latest release date, and issue-to-star ratio. Uses a 2-year decay window.

**Popularity (30%)** — Total and monthly downloads, GitHub stars, and forks. Logarithmic scaling prevents top-heavy scores.

**Community (15%)** — Contributors, dependents, forks, watchers, and maintainers. Measures real ecosystem engagement.

**Maturity (30%)** — Project age, version count, PHP version support, and release stability.

###  Release Activity

Cadence

Unknown

Total

1

Last Release

2062d ago

### Community

Maintainers

![](https://www.gravatar.com/avatar/15a0610fee78753bdad92fd45c3506455c0fd45ae51924797b1841d260495a3f?d=identicon)[tiderjian](/maintainers/tiderjian)

---

Tags

cmswysiwygqscmf

### Embed Badge

![Health badge](/badges/quansitech-qscmf-wsig/health.svg)

```
[![Health](https://phpackages.com/badges/quansitech-qscmf-wsig/health.svg)](https://phpackages.com/packages/quansitech-qscmf-wsig)
```

###  Alternatives

[whitecube/nova-page

Static pages content management for Laravel Nova

23995.2k1](/packages/whitecube-nova-page)

PHPackages © 2026

[Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)