Symfony 如何使用ckeditor

首先: 1)加载以下两个bundle "egeloen/ckeditor-bundle": "^4.0","helios-ag/fm-elfinder-bundle": "^6.2" 2)注册 new Ivory\CKEditorBundle\IvoryCKEditorBundle(),new FM\ElfinderBundle\FMElfinderBundle() 3)配置 fm_elfinder: #assets_path…

七牛云：ckeditor JS SDK 结合 C#实现多图片上传。

成功了,搞了2天.分享一下经验. 首先是把官方的那个例子下载下来,然后照如下的方式修改. 其中tempValue是一个全局变量. function savetoqiniu() { var uploader = Qiniu.uploader({ runtimes: "html5,flash,html4", browse_button: "setfile", save_key:false, //uptoken: qiniu_uptoken, get_new_uptoke…

基于CkEditor实现.net在线开发之路（7）列表页面开发动作介绍

一个列表页面不止是查询,它也包含了很多业务上功能的实现,这些业务功能的实现的逻辑我称之为动作.如触发单击按钮删除数据,更改业务表数据,调用webService,调用WCF接口,弹出新窗体新增.修改.查看数据,根据列表数据显示行的颜色等等这些我都称为动作.动作的实现有两类:第一类编码实现,第二类利用通过配置控件属性生成逻辑动作代码. 第一类编码实现:通过编写js和C#方法逻辑实现,在基于CkEditor实现.net在线开发之路(2)有简单例子.这里就不详细介绍了. 第二类利用通过配置控件属性生成逻…

个人CKeditor的config.js配置

/** * @license Copyright (c) 2003-2016, CKSource - Frederico Knabben. All rights reserved. * For licensing, see LICENSE.md or http://ckeditor.com/license */ CKEDITOR.editorConfig = function( config ) { config.toolbar = 'Full'; config.height = 380; co…

基于CkEditor实现.net在线开发之路（8）Vs开发怎么配置

前段时间有一园友问我,怎么将组件放置到VS开发工具的工具箱中,用vs开发工具配合CKEditor实现在线.net开发呢? 第一步:登陆http://www.zjt-lab.com:8090/login.aspx 用户名:admin 密码0第二步:登陆后,在欢迎页面如下图,点击“Vs开发组件下载(只支持Vs2010以上版本)”下载组件WebControlLibrary.dll 第三步:在C盘创建一个<DataConfig.xml>文件,文件内容如下 <?xml version="…

基于CkEditor实现.net在线开发之路（6）vs开发工具配合一起开发

上一章讲解了利用CKEditor实现了一个简单的列表功能的查询,CKEditor编辑器是由js实现的,js是一门非常强大的语法,但是要用它实现Vs开发工具那样强大编辑器的功能,估计不可能,这就使得CKEditor实现简单增删改查还可以,如果要实现复杂功能和样式展示效果会很难,所以我利用vs开发工具的集成组件,将CKEditor的开发与vs开发可以无缝对接,实现复杂的功能我们可以拷贝下来,放置vs开发工具中,然后编码实现各种功能. Vs开发工具集成组件,首先去网站下载WebControlLibra…

基于CkEditor实现.net在线开发之路（4）快速布局，工具箱，模板载入，tab选项卡简单说明与使用

上一章给常用的from表单控件属性页面,进行了简单说明和介绍,但是由于是在网页中做界面设计,操作肯定没有桌面应用程序方便,便捷,为了更方便的布局与设计,今天我主要说一下快速布局,工具箱,tab选项卡,我目前只是这三个是为了设计界面而创建的. 快速布局:主要是因为CKEditor拖拽的时候释放的时候,有时候会出现相对位置的偏差,而详细页面与查询条件需要拖拽很多文本框,下拉框,复选框,多选框,所以开发了快速布局页面,主要是为了方面操作. 工具箱:就是页面的工具条,是操作按钮的集合,是为了按钮权限而设…

基于CkEditor实现.net在线开发之路（3）常用From表单控件介绍与说明

上一章已经简单介绍了CKEditor控件可以编写C#代码,然后可以通过ajax去调用,但是要在网页上面编写所有C#后台逻辑,肯定痛苦死了,不说实现复杂的逻辑,就算实现一个简单增删改查,都会让人头痛欲裂,而且不能创建类库,不能运用各种设计模式,不能重复调用,智能提示也不够全面,我估计没有一个人愿意在这种模式下去开发,能够用这种模式开发一个增删改查,绝对是大牛,反正我是做不到.为了解决这种问题,所以这就需要CKEditor编辑器的扩展性,利用CKEditor扩展各种控件来普助实现在线开发.利用控件来…

基于CkEditor实现.net在线开发之路（2）编写C#代码，怎么调用它。

上一章简约的介绍了CkEditor编辑器,可以编辑js逻辑代码,css,html,C#代码,这章我根据实际例子,讲解怎么编写C#代码和怎么调用它. 大家都还记得刚刚接触程序编时的hello Word吧,首先我来介绍在编辑器上写了返回“hello Word”的C#方法,让后怎么去调用返回对应hello Wrod方法,具体代码如下: 运行预览效果如下图页面加载之后就弹出了hello world对话框.证明获取到了我们写返回字符串. 注意编辑C#代码并可以用ajax调用,C#代码方法必须要有一定的…

基于CkEditor实现.net在线开发之路（1）

我以前的公司使用office sharepoint designer为界面设计器,嵌套各种自定义控件,进行各种管理软件,工作流的开发,遇到比较复杂的逻辑,则采用本地写类库,生成DLL上传到服务器,通过配置动态反射调用,从而能够快速实现各种功能,这种思路真的很不错,开发速度真的很快,几百万的项目一个月就开发完成了.从这个公司出来我就开始琢磨开发一个类似的平台,在偶然的一次看到FreeFrom在线智能表单设计,真的很不错,让我怦然心动,要是能开发一个WEB在线开发的平台,那就更完美了. 于是我开始分…

angularjs中ckeditor的destroy问题

项目中,在切换了页面的tab页后会发现上传图片的操作报错,检查后发现问题根源是切换了tab页重新加载页面时ckeditor又会创建一次,这个时候的ckeditor已经不是第一次创建的那个了,所以上传图片的方法中会报错. 解决方法:在ckeditor每次创建之前判断一下,如果有ckeditor则destroy掉,重新创建新的,保证页面上始终只有一个ckeditor,具体如下: 在ckeditor的directive中: console.log(CKEDITOR.instances.myCKedit…

ckeditor+angularjs directive

var cmsPlus = angular.module('cmsPlus', []); cmsPlus.directive('ckEditor', function() { return { require: '?ngModel', link: function(scope, elm, attr, ngModel) { var ck = CKEDITOR.replace(elm[0]); if (!ngModel) return; ck.on('instanceReady', function…

项目中CKEditor修改宽度为自适应

项目中用到CKEditor,在config.js中直接定义config.width使得宽度无法自适应,尝试了好多次后发现了一种方法: 放弃在config.js中配置宽度在页面检查元素,找到id为cke_content的一个div标签在样式表文件中设置其宽度即可,例:#cke_content{ width:**%:}…

CKEditor 配置

在asp.net 中注意需要特殊处理控件的ID 先引入js <script type="text/javascript" src="ckeditor/ckeditor.js"></script> 然后设置文本框 2.在使用编辑器的地方插入HTML控件<textarea><textarea id="TextArea1" cols="20" rows="2" class…

怎么使用CKEDITOR

出于工作需求,自己在网上找了个文本编辑器控件, 网址是http://ckeditor.com/ 怎么使用? 先插入脚本<script type="text/javascript" src="*/ckeditor.js"></script>, 然后,在自己的脚本里调用CKEDITOR.replace( '你的textArea的ID' )即可. 对, 使用思路就是用开发者的ckeditor控件替代HTML的textarea. 这个是我的例子.…

MVC配置ckeditor+ckfinder

ckeditor当前使用版本:4.5.8 ckfinder当前使用版本:2.6.0 1.Ckeditor配置简单,直接使用Nuget下载就可 2.下载ckfinder https://cksource.com/ckfinder/download 选择Asp.net版本下载并放在相同的目录下:‘Scripts' 3.添加js引用: @Scripts.Render("~/Scripts/ckeditor/ckeditor.js") @Scripts.Render("~/Scrip…

symfony安装笔记

下载http://symfony.com/download,这里版本是2.8 将D:\ApacheServer\php路径添加到环境变量path中,在cmd命令行中可以执行php命令打开php.ini 打开extension=php_openssl.dll file_put_contents才能访问https网站 cmd定位到指定目录下输入这里是 D:\ApacheServer\web php -r "file_put_contents('symfony', file_get_contents…

使用easeui dialog弹出框中使用CKeditor多次加载后无法编辑问题

问题呈现:弹出框页面 <tr class="addtr"> <th>内容</th> <td>  <te…

文本编辑器的使用（ckeditor/ueditor）

1.下载ckeditor或ueditor 2.编写示例代码注意:使用ueditor时,需要特殊配置图片路径(图片的配置路径在ueditor/php/config.json文件中) 3.结果 (需要源码可加qq:573583868)…

CKEditor使用配置方法

一.使用方法: 1.在页面<head>中引入ckeditor核心文件ckeditor.js <script type="text/javascript" src="ckeditor/ckeditor.js"></script> 2.在使用编辑器的地方插入HTML控件<textarea> <textarea id="TextArea1" cols="20" rows=&quo…

WINDOW.PARENT.CKEDITOR.TOOLS.CALLFUNCTION 图片上传

CKEDITOR 编辑器图片上传 WINDOW.PARENT.CKEDITOR.TOOLS.CALLFUNCTION (CKEditorFuncNum,图片路径,返回信息); CKEditorFuncNum 参数在URL 链接上 ....&CKEditorFuncNum=22…

ckeditor插件

插件下载地址:http://ckeditor.com/download 1.CKeditor配置在html页面的<head>标签中引入核心文件 ckeditor.js <script src="ckeditor/ckeditor.js"></script> 2.在使用编辑器的地方插入HTML控件<textarea> <form action="" method="post"> <…

关于ckeditor ajax提交到后台问题

ckeditor 提交时如果有带有html时是提交不了的解决办法就是你在提交的时候将ckeditor获取的只编码(encodeURI) 然后在传到后台提交的时候在解码就ok了 ckname是ckeditor的id var ckcode = (CKEDITOR.instances[ckname].getData()); encodeURI(ckcode) 编码 encodeURI(ckcode) 传到后台 ChangeHelper.DecodeHtmlStr(FormData[fiel…

关于ckeditor 第二次加载出现问题

在使用ckeditor 出现的问题也比较多的 ,一个问题是图片上传的问题 ,一个就是第二次加载的时候 ckeditor编辑框出现不了的问题第一个问题是修改ckeditor js属性网上都有第二个问题网上很少但是作用于这里就没有什么用首先我id用的是动态的id Tarea_@Model.FieldName <textarea class="ckeditor" id="Tarea_@Model.FieldName" cols="20&…

jQuery Validate + Ckeditor 驗證 textarea 解決方式

jQuery Validate + Ckeditor 驗證 textarea 解決方式 html <textarea name="content" id="content" class="ckeditor" placeholder="請輸入內容" rows="24" cols="80"></textarea> class=ckeditor 會使用 DATA-API…

关于NK3C使用富文本编辑器（CKEditor）发送HTML邮件的使用说明

目前NK3C发送HTML邮件使用的的编辑器是CKEditor4.6版本,关于CKEditor的使用说明如下: 1.依赖JQuery1.7版本以上,在xxx.vm中<head></head>即引入 <scriptsrc="$rootPath/js/lib/jquery/jquery.min.js"></script> 2.添加标签<textarea></textarea>: <textarea cla…

ckeditor使用

安装: 下载CKEDITOR的文件,解压后复制到工程的WEBROOT目录下就OK! 引用CKEDITOR的JS文件: 新建JSP页面,添加其JS文件<script type="text/javascript" src="ckeditor/ckeditor.js"></script> 替换TEXTAREA标签: <textarea rows="30" cols="50" name="edi…

CKEditor与CKFinder整合 MVC3

今天偶然看到一篇关于 CKEditor与CKFinder整合文章,心想有一段时间没有使用这种东西了.于是乎自己动手亲自体验了一下,本以为简单但在东西编写的过程发现了很多没有遇见毛病. 所以记录一下自己东西编写除错的过程首先,下载2个插件包 CKEditor下载地址:http://ckeditor.com/ CKFinder下载地址:http://ckfinder.com/ 1.然后创建项目,将解压的文件夹拷贝到项目中,编写页面代码如下: <%@ Page Language="C#&quo…

CKEditor Html Helpers for ASP.NET MVC3 Razor/WebForms Views

一.原生方法: 在 razor 中使用Fckeditor 编辑内容,需要引入js <script src="@Url.Content("~/fckeditor/fckeditor.js")" type="text/javascript"></script> 至于html编码 <tr> <td>内容</td> <t…