{"id":20144155,"url":"https://github.com/quansitech/qscmf-formitem-ueditor","last_synced_at":"2025-04-09T18:53:40.230Z","repository":{"id":208191562,"uuid":"720991375","full_name":"quansitech/qscmf-formitem-ueditor","owner":"quansitech","description":"富文本组件","archived":false,"fork":false,"pushed_at":"2025-03-14T03:13:38.000Z","size":2575,"stargazers_count":0,"open_issues_count":0,"forks_count":3,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-03-23T20:51:20.644Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/quansitech.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2023-11-20T06:04:43.000Z","updated_at":"2025-03-14T02:51:30.000Z","dependencies_parsed_at":null,"dependency_job_id":"2ad903f0-14b5-47ff-95d2-ef907340ddaa","html_url":"https://github.com/quansitech/qscmf-formitem-ueditor","commit_stats":null,"previous_names":["quansitech/qscmf-formitem-ueditor"],"tags_count":22,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/quansitech%2Fqscmf-formitem-ueditor","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/quansitech%2Fqscmf-formitem-ueditor/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/quansitech%2Fqscmf-formitem-ueditor/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/quansitech%2Fqscmf-formitem-ueditor/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/quansitech","download_url":"https://codeload.github.com/quansitech/qscmf-formitem-ueditor/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248093621,"owners_count":21046714,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2024-11-13T22:09:00.521Z","updated_at":"2025-04-09T18:53:40.199Z","avatar_url":"https://github.com/quansitech.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# quansitech/qscmf-formitem-ueditor\n\n```text\nqscmf 表单组件--ueditor\n\n富文本组件\n```\n\n#### 安装\n\n```php\ncomposer require quansitech/qscmf-formitem-ueditor\n```\n\n#### [升级指南](Upgrade.md)\n\n\n#### 用法\n+ 简单用法\n  ```php\n  -\u003eaddFormItem('desc', 'ueditor', '商家简介')\n  ```\n\n+ 设置上传文件（或抓取远程图）的url前缀，和url后缀\n  ```php\n  //addFormItem第七个参数，传递指定的上传处理地址，加上url_prefix参数和url_suffix\n  //拼接出的url结果： url_prefix . url原来的相对路径. url_suffix\n  -\u003eaddFormItem('desc', 'ueditor', '商家简介', '', '', '', 'data-url=\"/extends/ueditor/index?url_prefix=prefix地址\u0026url_suffix=后缀\"')\n  \n  //场景举例：\n  //某些管理员在上传富文本图片时，会上传一张非常大的图片，这样会导致用户访问该页面异常缓慢\n  //这时可以利用url_prefix配合imageproxy做到自动降低图片大小，降低图片占用的网络带宽\n  \n  $url_prefix = U('/ip/q90', '', false, true) . '/' . U('/', '', false, true);\n  //url_prefix = http://域名/ip/q90/http://域名/图片地址\n  -\u003eaddFormItem('desc', 'ueditor', '商家简介', '', '', '', 'data-url=\"/extends/ueditor/index?url_prefix=' . $url_prefix . '\"')\n  \n  // 使用CDN\n  $domain = HTTP_PROTOCOL . \"://\" . SITE_URL;\n  $url_prefix = injecCdntUrl();\n\n  -\u003eaddFormItem(\"content\", \"ueditor\", \"内容\", \"\", \"\", \"\", \"data-url=$domain/extends/ueditor/index?type=editor\u0026url_prefix=$url_prefix data-forcecatchremote='true'\")\n  ```\n  \n+ insertframe: 默认启用。用于插入```\u003ciframe\u003e\u003c/iframe\u003e```或```url```，可以编辑宽高，边框，是否允许滚动,对齐方式等属性,其他属性会被删除。\n\n+ insert_richtext: 默认启用。通过```微信公众号url```，可以抓取微信公众号的文章内容以及图片\n\n+ [自定义上传文件至不同云服务商功能](https://github.com/quansitech/qscmf-formitem-object-storage/blob/main/README.md#%E4%BD%BF%E7%94%A8)\n\n+ 通过forcecatchremote属性设置是否强制要求抓取外链图片至本地，该属性默认为true。\n  ```blade\n  复制外链文章时，会抓取外链图片至本地。若该属性为true，则未抓取完会显示loadding图片且不能保存；若该属性为false，如果未等全部抓取完就保存，此时图片还是外链。\n  ```\n  ```php\n  //addFormItem第七个参数，设置data-forcecatchremote=\"true\"\n  -\u003eaddFormItem('desc', 'ueditor', '商家简介', '', '', '', 'data-forcecatchremote=\"true\"')\n  ```\n\n+ 重新指定UE的JS CONFIG文件的路径\n  ```php\n  //在Common/Conf/config.php中新增配置值\n  'CUSTOM_UEDITOR_JS_CONFIG' =\u003e __ROOT__ . '/Public/static/ueditor.config.js'  //注意必须加上__ROOT__，为了兼容根目录是网站子路径的情况\n  ```\n\n+ 设置ue的option参数\n  ```php\n  //如：想通过form.options来配置ue的toolbars参数\n  //组件会自动完成php数组--》js json对象的转换，并传入ue中\n  -\u003eaddFormItem('content', 'ueditor', '内容', '', ['toolbars' =\u003e [['attachment']]])\n  ```\n\n+ 自定义UE色板\n  ```php\n  全局配置\n  1.先COPY ueditor.config.js 文件到项目路径，重新指定JS CONFIG路径\n  2.修改ueditor.config.js 的customColors配置项，第一行10色块为主题色块， 最后一行10色块为标准色块，可按照需要自行增删改里面的色值。\n  \n  \n  局部配置\n  1. 在Formbuilder设置formItem时，可传递customColors的设置，详细方法查看“设置ue的option参数”\n  ```\n\n+ 自定义上传config设置\n  \n  ```blade\n  在app/Common/Conf 下新增ueditor_config.json或者ueditor_config.php(返回数组)，该文件将会替换掉默认的config.json。如有客制化config.json的需求，定制该文件即可。\n  ```\n  ","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fquansitech%2Fqscmf-formitem-ueditor","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fquansitech%2Fqscmf-formitem-ueditor","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fquansitech%2Fqscmf-formitem-ueditor/lists"}