基于Ckeditor的表单设计器的开发(一)

基于Ckeditor表单设计器开发(四) 上篇,我们介绍了表单域的开发,那么针对键初始化,保存,重置,清空,预览,这些操作如何做呢? 看看效果: 点击初始化,直接初始化一个完整的表单,当然初始化规则,需要你自己定义。 点击预览,即可弹出新窗口,预览设计好的表单。 其他操作不再截图。 这些效果,其实不难实现,参照Ckeditor提供的api,我们定义好自己的规则即可,完 阅读详情

众所周知,表单、工作流是企业业务系统的核心,而一个通用的表单设计器能为开发节省很多的编码工作。

接下来,我将用几篇文章,介绍如何用CKeditor定制简单的表单设计器。


一、安装CKEditor


 从 CKEditor 网站:http://ckeditor.com/download 下载最新版本的 CKEditor 。

 将下载的文档解压到你的 website 根目录下的 ckeditor 目录中。

你可以将文档放在你的 website 的任意路径中。ckeditor 目录是缺省目录。


二、加载CKEditor


CKEditor 是 JavaScript 应用程序。要加载它,需要在页面中包含一个简单的文件引用。
如果已在站点根目录下的 ckeditor 目录中安装了 CKEditor , 你需要将下面的代码片段插入到
页面的<head>部分:
<head>
...
<script src="/ckeditor/ckeditor.js"></script

模电(十四)差分放大电路 目录 差分放大电路 双端输入双端输出 Q点分析 抑制共模信号 放大差模信号 双端输入单端输出 Q点分析 差模信号分析 共模信号分析 单端输入双端输出 单端输入单端输出 四种接法比较 具有恒流源的差分放大电路 差分放大电路的改进 差分放大电路 采用引入支流负反馈,温度补偿来克服零点漂移(温度变化,直流电源波动,元器件老化产生的输入电压为零,输出电压不为零的... 阅读详情

相关推荐

2017年电赛题目-自适应滤波器

电赛题目解析之自适应滤波器 首先来看看题目: 2017全国大学生电子设计竞赛题目 这道题有很多发挥空间,本文将介绍三种电路: 数字电位器移相模拟电路 压控移相模拟电路 数字方法 、数字电位器移相模拟电路 对于前级的加法器比较简单,这里贴出种使用OPA209实现的常规做法: 输入端分别输入A信号和B信号就可以实现A+B,因为信号频率很低不涉及到阻抗匹配问题,所以这种接法没............

电气小能手的博客 2万+

ckeditor4 设置表格弹窗中的默认配置,其他弹窗配置同理,vue3+vite+ts

在vue3+ts+vite中,设置ckeditor4的表格弹窗默认属性

风云的博客 651

基于FPGA的AM信号解调verilog实现,包括程序,注释,操作步骤

1.版本:quartusii13.01-64bits,modelsim-altera 6.5d,matlab2022A。2.包含:程序,中文注释,仿真操作步骤(使用windows media player播放)。3.领域:AM信号解调4.仿真效果:仿真效果可以参考博客同名文章《基于FPGA的AM信号解调verilog实现》5.内容:基于FPGA的AM信号解调verilog实现。基于FPGA的AM(调幅)信号解调在Verilog语言中的实现通常涉及到模拟信号的数字化处理,主要步骤包括采样、同步、包络提取等。6.注意事项:注意MATLAB左侧当前文件夹路径,必须是程序所在文件夹位置,具体可以参考视频录。FPGA工程路径要英文。

Web开发的富文本编辑器CKEditor介绍,Django有库ckeditor_uploader对它进行支持,django-ckeditor安装方法及使用注意事项

Web开发的富文本编辑器CKEditor介绍,Django有库ckeditor_uploader对它进行支持

昊虹AI笔记 5645

Vue3项目集成CKEditor富文本编辑器,支持代码语法高亮显示

Vue3项目中集成具有扩展功能的CKEditor富文本编辑器,支持代码语法高亮显示!

heshengfu1211的博客 6190

富文本编辑器CKEditor4简单使用-06(开发自定义插件——中级篇Part1)

富文本编辑器CKEditor4简单使用-06(开发自定义插件——中级篇Part1)

@素素~的博客 2534

基于Ckeditor表单设计器开发

前面基本环境都做得差不多了,这篇我们来介绍自定义插件的开发。 我们以"文本框“为例, 先来看效果: 点击确定,即可插入一个文本框 实现方式: 1、在ckeditor目录下 plugins文件夹下,新建如下结构: plugin.js [javascript] view plain copy  

新技术革命 1486

基于Ckeditor表单设计器开发(三)

前面基本环境都做得差不多了,这篇我们来介绍自定义插件的开发。 我们以"文本框“为例, 先来看效果: 点击确定,即可插入一个文本框 实现方式: 1、在ckeditor目录下 plugins文件夹下,新建如下结构: plugin.js CKEDITOR.plugins.add( 'ths_textfield', { ico

一名系统架构师的征途 4551

基于Ckeditor表单设计器开发(二)

、配置CKEditor CKEditor 具有丰富的组配置选项,可以定制其外观、功能和行为。主配置文件名字为config.js。此文件可以在 CKEditor 安装文件夹的根目录中找到。 可用的配置选项在 API 文档中可以找到所有可用的配置选项。参考 CKEDITOR.config 对象的定义。 API文档:http://docs.ckeditor.com/#

一名系统架构师的征途 3603

基于ckeditor实现自定义表单

最近公司的一个系统需要自定义表单,根据以往使用ckeditor的经验突发奇想,用ckeditor编写插件的方式实现了一个自定义表单系统。下面简单介绍表单设计器的设计思路。 表单设计器原理 表单智能设计器的设计思想是基于ckeditor富文本编辑器,开发HTML表单中需要使用的些常用控件,然后借助于HTML解析器将表单中的控件代码解析成对应的HTML代码。之所以选择ckeditor作为底层

凝聚平凡,创造非凡 1万+

扩展CKEditor按钮

最近忙于开发工作流,想起之前开发的OA ,缺少一个重要的功能:表单设计器。因为我们的OA是基于Sharepoint开发的,如果没有表单设计器,定义一个列表的界面需要开发一个feature,或则需要VS开发一个aspx页面。这事一个很麻烦的事情。所以考虑实现一个表单设计器。    于是我到网上找HTML 编辑器,找到好几个,分别有CKEditor,TinyMCE,还有一个基于JQuery的一个

Gavid0124的专栏 4217

CKEditor

最近忙于开发工作流,想起之前开发的OA ,缺少一个重要的功能:表单设计器。因为我们的OA是基于Sharepoint开发的,如果没有表单设计器,定义一个列表的界面需要开发一个feature,或则需要VS开发一个aspx页面。这事一个很麻烦的事情。所以考虑实现一个表单设计器。  于是我到网上找HTML 编辑器,找到好几个,分别有CKEditor,TinyMCE,还有一个基于JQuery的一个编辑器X

a19860903的专栏 567

HTML编辑器CKEditor的使用方法

ckeditor 的官方网站是 http://ckeditor.com/ ,我当前使用的版本是v3.0.1。 、使用方法: 1、在页面<head>中引入ckeditor核心文件ckeditor.js <script type="text/javascript" src="ckeditor/ckeditor.js"></script> 2、在使用编辑器的地方插入...

weixin_34345753的博客 762

FckEditor(CKEditor)配置

http://www.cnblogs.com/jkyweb/archive/2011/03/29/1998495.html http://haitao.name/index.php/ckeditor/ http://docs.cksource.com/ckeditor_api/symbols/CKEDITOR.config.html 、使用方法: 1、在页面&lt;head&gt;中引入cked...

java_it90的博客 302

CKEditor4配置与开发

filebrowser.target是当通过服务器连接器(uploader)返回文件时被更新的目标元素--如果我们定义了自己的onSelect函数(filebrowser.onSelect)并在此函数中更新了目标元素,就像前例子中的作法,我们就不不需要此目标元素。它限制和适配输入的数据(在源代码模式中或由editor.setData方法添加的HTML代码,粘贴的HTML代码,等等),因此它可以以更可行的方式配置编辑器的配置。你的样式定义文件可以保存在站点的任意地方(或互联网的某个地方)。

风林火山 1186

解决CKEditor5表格单元格样式异常:从根本原因到完美修复

CKEditor5是款功能强大的富文本编辑器框架,具有模块化架构和现代集成特性,广泛应用于各类Web应用中。然而在使用表格功能时,用户常遇到单元格样式异常问题,如边框显示错误、背景色不生效或对齐方式混乱等。本文将深入分析这些问题的根源,并提供完整的解决方案,帮助开发者快速解决表格样式难题。 ## 表格样式异常的常见表现与原因 表格单元格样式异常通常表现为四种形式:边框显示不致、背景色未正确

gitblog_00309的博客 475

Ckeditor 编辑器配置 (网上大堆)

、使用方法: 1、在页面中引入ckeditor核心文件ckeditor.js 2、在使用编辑器的地方插入HTML控件 如果是ASP.NET环境,也可用服务器端控件 注意在控件中加上 class="ckeditor" 。 3、将相应的控件替换成编辑器代码 CKEDITOR.replace('TextArea1'); //如果是在AS

写代码,是犯罪. 找bug,是破案- -.. 793

form表单ajax提交 ac,Ckeditor+Jquery.Form插件ajax不提交最新数据问题的解决

昨晚发现,用Ckeditor+Jquery.Form插件做的ajax提交保存文章内容,不是最新编辑的内容。分步骤对各个阶段提交的数据进行了分析、解决问题。过程是痛苦的,经验是值得总结的。下面次列出遇到的各个问题,以及解决的方法。1.使用ajaxSubmit代替ajaxForm问题:之前我使用了ajaxForm在页面载入完毕时,对页面中的form(表单)进行了插件的接管,这样每次ajax提交的过程...

weixin_42514005的博客 370

CKEditor5 经验总结 (SpringBoot项目)

SpringBoot CKEditor5

BinziD的博客 3632
上一篇: AXIS通过HTTPS(SSL加密)方式访问Webservice
下一篇: 基于Ckeditor的表单设计器的开发(二)
shan9liang
博客等级 码龄16年 3230粉丝 309原创
评论 5
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值