`

CKEDITOR 中<p>标签引发的问题

阅读更多

在用CKEDITOR 的时候,会遇到创建一个CKEDITOR 元素el,然后往el中加入内容的情况,一般以正常的方法加入(append,appendHtml等)"<p></p>",都会出现问题。显示到CKEDITOR 的时候可能会很糟糕,后来感觉可能是CKEDITOR 在内部会自动处理这个<p>标签,蛋疼的是它自己又处理不好,所以如果我们要想让插入的内部换行的话,还是尽量用<br/>好了。

0
6
分享到:
评论

相关推荐

    bootstrap后台管理模板

    &lt;p&gt;在线编辑器:ckeditor、simditor&lt;/p&gt; &lt;p&gt;上传文件:Uploadify v3.2.1&lt;/p&gt; &lt;p&gt;动态页签:Jerichotab(自己改造)&lt;/p&gt; &lt;p&gt;数据表格:jqGrid、Bootstrap Talbe&lt;/p&gt; &lt;p&gt;对话框:layer-v2.3&lt;/p&gt; &lt;p&gt;下拉选择框:...

    CKEditor操作(操作说明)

    &lt;%@ Register Assembly="CKEditor.NET" Namespace="CKEditor.NET" TagPrefix="CKEditor" %&gt;-------引进CKEditor控件 &lt;tr&gt; &lt;td&gt;【图书特色】&lt;span &lt;td colspan="5"&gt; &lt;CKEditor:CKEditorControl ID="bookFeature...

    ckeditor3.4.1+ckfinder2.0.1(asp.net整合版)

    1、在页面&lt;head&gt;中引入ckeditor核心文件ckeditor.js &lt;script type="text/javascript" src="ckeditor/ckeditor.js"&gt;&lt;/script&gt; &lt;script type="text/javascript" src="ckfinder/ckfinder.js"&gt;&lt;/script&gt; 2、在使用...

    ckeditor简单实例

    为了在网页中使用CKEditor,我们需要将这些文件链接到我们的HTML页面,通常是通过`&lt;script&gt;`和`&lt;link&gt;`标签来完成。 在"index.jsp"文件中,我们可能会看到像这样的代码片段,用来在页面上初始化CKEditor: ```html...

    CKEditor使用说明

    &lt;title&gt;Sample - CKEditor&lt;/title&gt; &lt;script type="text/javascript" src="/ckeditor/ckeditor.js"&gt;&lt;/script&gt; &lt;/head&gt; &lt;body&gt; &lt;form method="post"&gt; &lt;p&gt; My Editor:&lt;br/&gt; &lt;textarea name="editor1"&gt;&lt;p&gt;Initial ...

    ckeditor4.0自定义标签操作详细步骤及修改后编辑器jar包下载

    本篇文章将详细阐述如何在CKEditor 4.0中进行自定义标签操作,并提供经过修改的编辑器JAR包供下载。 CKEditor 4.0是一款开源的JavaScript富文本编辑器,它支持多种浏览器环境,提供丰富的功能和高度可定制性。...

    CKEditor 4 开发人员指南(中文)

    CKEditor作为一个JavaScript应用程序,通过在HTML页面的&lt;head&gt;部分插入&lt;script&gt;标签来加载&lt;ckEditor/ckeditor.js&gt;。 ### 集成CKEditor 4 将CKEditor集成到Web页面中,通常涉及到加载CKEditor的脚本文件和生成编辑...

    CKEditor4配置与开发详细中文说明文档

    &lt;textarea name="editor1"&gt;&lt;p&gt;Initial value.&lt;/p&gt;&lt;/textarea&gt; &lt;script&gt; CKEDITOR.replace( 'editor1' ); &lt;/script&gt; ``` 四、内联式编辑(Inline Editing) 内联式编辑用于看起来像最终的页面中。通过 HTML5 的 ...

    servlet整合ckeditor编辑器

    &lt;script src="ckeditor/ckeditor.js"&gt;&lt;/script&gt; &lt;script&gt; CKEDITOR.replace('myEditor', { filebrowserBrowseUrl : '/upload/browse', filebrowserUploadUrl : '/upload/upload' }); &lt;/script&gt; ``` 这里,`...

    CKeditor的使用

    1. 在`&lt;head&gt;`标签内引入CKeditor的JavaScript和CSS文件。 2. 创建一个`&lt;textarea&gt;`标签,作为CKeditor的编辑区域。 3. 使用JavaScript初始化CKeditor,将`&lt;textarea&gt;`替换为富文本编辑器。 例如: ```html &lt;!...

    ckeditor的demo代码

    接下来,CKEditor需要一个容器元素来显示编辑器界面,通常是通过`&lt;textarea&gt;`标签实现。例如: ```html &lt;textarea id="editor1" name="editor1"&gt; 这里是默认的编辑器内容。 &lt;/textarea&gt; ``` 然后,通过JavaScript...

    ckeditor4.2 自定义按钮和下拉框实现

    content: '&lt;ul&gt;&lt;li&gt;&lt;a href="javascript:void(0)"&gt;选项1&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href="javascript:void(0)"&gt;选项2&lt;/a&gt;&lt;/li&gt;&lt;/ul&gt;' } }); dropdown.on('open', function() { // 可在此处添加打开下拉框时的逻辑 }); ...

    FCKEDITOR学习笔记资料.pdf

    - 在HTML页面的&lt;head&gt;标签前,插入以下JavaScript代码来引入FCKeditor: ```html &lt;script type="text/javascript" src="&lt;%=basePath%&gt;/fckeditor/editor/fckeditor.js"&gt;&lt;/script&gt; ``` 然后,根据需要创建编辑器...

    ckeditor 文本编辑 挺详细的

    然后,在JSP页面中引入CKEditor的JavaScript文件,这通常是在`&lt;head&gt;`标签内通过`&lt;script&gt;`标签完成。接着,通过JavaScript代码初始化编辑器,指定一个HTML元素作为CKEditor的容器。例如,如果你有一个id为`myEditor...

    在web工程中整合ckeditor3.6和ckfinder2.0.2

    此外,`config.xml`中的其他配置项如`&lt;types&gt;`、`&lt;allowedExtensions&gt;`定义了不同类型的资源(如图片、文件)的上传路径、目录结构和允许的文件扩展名。例如,下面的配置允许上传不同类型的文件: ```xml &lt;type ...

    CKEditor 3.6.2中文文档

    &lt;script type="text/javascript" src="/ckeditor/ckeditor.js"&gt;&lt;/script&gt; ``` - **第二步:创建编辑器实例** - **创建textarea元素**: - 首先,在HTML页面中添加一个`&lt;textarea&gt;`元素,例如: ```html ...

    关于jsp中ckeditor+ckfinder

    在 JSP 页面中引入ckeditor,可以通过 `&lt;script&gt;` 标签加载ckeditor.js 文件,通常路径为 `/ckeditor/ckeditor.js`。 ```html &lt;script src="/path/to/ckeditor/ckeditor.js"&gt;&lt;/script&gt; ``` ##### 初始化ckeditor ...

    帝国CMS-PHP

    &lt;/p&gt;&lt;p&gt;编辑器升级为CKEditor编辑器,兼容性更好、功能更实用。&lt;/p&gt;&lt;p&gt;支持自定义后台登录文件,安全性更高。&lt;/p&gt;&lt;p&gt;“来源HASH验证”功能升级,防护更强。&lt;/p&gt;&lt;p&gt;来源地址新增严格模式验证,更严谨,防护外部提交更...

Global site tag (gtag.js) - Google Analytics