【javascript – 阻止CKEditor自动添加blockquote】教程文章相关的互联网学习教程文章

JavaScript-使用ckeditor整理HTML【代码】

嗨,我的ckeditor有一个小问题,基本上我需要让编辑器运行它的html cleanup命令.有什么办法做到这一点.目前,在我向源代码中键入一些内容然后按保存后,它似乎没有运行,我希望它像在“常规”编辑器视图中那样整理html.有任何想法吗?谢谢理查德 这是一些示例代码<SCRIPT type=text/javascript src="http://www.johnpricephotography.co.uk/crawler.js"> /* Text and/or Image Crawler Script v1.5 (c)2009-2011 John Davenport Scheuer...

javascript-ckeditor并在用户键入时显示用户数据【代码】

我有一个textarea,当用户将数据输入到textarea中时,数据显示在表单的底部,以显示其数据的显示方式(与StackOverflow可以预览用户问题的方式大致相同,用户键入它). 我已经在该文本区域安装了CKEditor 4.3.1,并且不再显示预览显示. 我以为这是因为文本区域的ID已被CKEditor的ID替换,所以我尝试用CKEditor的ID替换文本区域的ID,但是这种方法不起作用. 我的想法错了吗?我已经阅读了CKEditor文档,但没有任何帮助. 当用户将数据输入到CKE...

JavaScript-CKEditor 5粘贴为纯文本【代码】

是否可以将剪贴板中的所有内容始终粘贴为纯文本? 我以这种方式尝试过,但这不起作用:$(document).ready(function () {ClassicEditor.create(document.querySelector('#text'), {toolbar: ['heading','bold','italic','link','bulletedList','numberedList','blockQuote','undo','redo']}).then(function (editor) {this.listenTo(editor.editing.view, 'clipboardInput', function (event, data) {// No log.console.log('hello')...

javascript-CKEditor RTL问题【代码】

我在使用JQuery适配器初始化的CKEditor实例中添加了language:’ar’,contentsLangDirection:’rtl’,contentsLanguage:’ar’选项.但是文本仍然保持对齐. 它声明了< html>带有dir =’rtl’和lang =’ar’的标签,但在每个< p>标记,它具有内联text-align:left样式. 我如何摆脱这种风格?解决方法:尝试这个 :<script type="text/javascript">CKEDITOR.config.contentsLangDirection='rtl';CKEDITOR.replace('editorX');</script>

javascript-CKEditor 5和“图像”按钮【代码】

我试图弄清楚如何使用CK Editor 5上传图像.现在,我已经看到了各种不同大小的插件,但是我想学习一下它对自己的作用.我注意到的是,如果单击图像按钮,将出现一个对话框以上传图像,然后选择图像,但没有任何反应. 根据我已阅读的指南和文章,我的假设是必须将图像保存到服务器,然后将URL返回给ckeditor,以便它可以使用它来显示图像. 我似乎不知道该怎么做.我在ckeditor js代码中的哪里添加我自己的逻辑,以便它可以拾取上载的图像,将其发送...

javascript – CKEDITOR.styleSet.add – ‘a’元素的新样式【代码】

出于某种原因,如果我将’p’更改为’a’,它将不再出现在样式列表中.有什么理由吗?CKEDITOR.stylesSet.add('default',[ { name : 'Wys wiersza 1' , element : 'p', styles : { 'line-height' : '18px' } } ]);– 编写代码,我在复制时错过了一些括号解决方法:你的问题是一个混乱.此代码将起作用:CKEDITOR.stylesSet.add( 'default',[{name: 'Wys wiersza 1' ,element: 'p',styles: { 'line-height' : '18px' }}] );编辑:现在我看...

javascript – CKEDITOR – 关闭html编码【代码】

在我的CKEDITOR中,当我输入以下字母时:ó " ... whitespace and more我得到以下HTML:&oacute; &bdquo; &hellip; and so on...如何关闭它,以便服务器收到“正常”字母?解决方法:我设法通过将其添加到我的配置文件来减少转换的字符数:config.htmlEncodeOutput = false; config.entities = false;但是空白仍然被转换为……

javascript – 如何在ckeditor对话框中输入readonly【代码】

我正在尝试找到一种在ckeditor对话框中只读输入的方法. 我已经初始化了这样的元素:type: 'hbox', widths: ['25%', '75%'], children:[{type: 'text',id: 'moduleId',label: 'Module',看看documentation我猜唯一的方法就是应用一些css样式来输入?解决方法:我在ckeditor源代码中找到了一个解决方案.只需要将其添加到元素初始化中onLoad : function() {this.getInputElement().setAttribute( 'readOnly', true ); }

javascript – Chrome在ckeditor中使用insertHtml跳过contenteditable属性【代码】

我使用了一个ckeditor,我想插入一个不可编辑的占位符.根据docs,您可以将属性(contenteditable =“false”)设置为所需元素,使其不可编辑. 在Firefox中,这工作正常,属性附加在跨度上,但在Chrome中,属性被跳过. 我有一个带有以下代码的测试用例: HTML<textarea id="testeditor"><p>testeditor content</p></textarea> <button id="addPlaceholder">add placeholder</button>使用Javascript$(function() {$('#testeditor').ckeditor()...

javascript – CKEditor使用UL标签添加新的列表插件【代码】

我正在尝试添加一个类似于项目符号列表的新列表插件,所以我创建了一个新按钮,但是当我尝试使用UL标签时,它将名为arrowedlist的新按钮与项目符号列表按钮配对. 我这样做的原因是我可以添加一个类(我知道该怎么做)所以我可以有2个不同的按钮,其中1应用默认项目符号列表,另一个应用UL类标记. 基本问题是:有没有一种方法可以添加一个使用UL的按钮,就像bulletedlist一样,没有它将按钮配对在一起?// Register commands.editor.addComma...

javascript – CKEditor,带孩子的自定义对象【代码】

我正在尝试为CKEditor创建一个插件,用于添加带子节点的自定义对象. 例:<div><img src="someimage.jpg" /><p>Some text<span>Some subtext</span></p><img src="someStaticImage.jpg" /> </div>在onOk功能我有:---snip--- this.imgElement.setAttribute('src',path + data.imageSrc); this.staticImgElement.setAttribute('src',path + 'images/staticimg.jpg'); this.imgElement.appendTo(this.element); this.imgElement.append...

javascript – 调整ckeditor的响应式设计【代码】

我正在尝试在响应式设计上使用CKEditor,但我无法达到工作的高度.以下带有高度定义的代码可以将文本区域的大小调整为100%,从而溢出包含的div.CKEDITOR.replace( 'article', {toolbar: [{ name: 'basicstyles', items: [ 'Bold', 'Italic' ] },{ name: 'paragraph', items : [ 'NumberedList','BulletedList','-','Blockquote' ] },{ name: 'links', items : [ 'Link','Unlink' ] },{ name: 'insert', items : [ 'Image' ] }],uiCol...

javascript – CKEditor 4.2.2 – allowedContent = true不起作用【代码】

我想我已经阅读了大部分有关此问题的SO问题和CKEditor文档,但它对我不起作用. 它应该简单明了,在我的CKEditor config.js中,我有这个:CKEDITOR.editorConfig = function(config) {config.allowedContent = true; };但是html仍然被过滤掉了,这条代码被剥离了:<p> <a href="/site/public/press.pdf"><span class="icon-presseFile"></span></a> <a href="/site/public/pics.zip"><span class="icon-pressePics"></span></a> </p>进入...

javascript – 阻止CKEditor自动添加blockquote【代码】

在我的CKEditor中,我有纯文本,上面写着“我的文字”.我设置了autoParagraph:false,因此文本保留为我的文本,并且不会更改为< p> my text< / p>. 但是,当我使用blockquote插件时,编辑器会自动用段落标记包围我的文本:<blockquote><p>my text</p> </blockquote>我如何修改blockquote插件以仅使用blockquote标签包围我的文本,所以它看起来像:<blockquote>my text </blockquote>这是GitHub上blockquote插件代码的链接: https://gith...

javascript – 一个页面中的多个CKEditor【代码】

我试图将两个CKEditor放在同一页面上这就是我做的首先是ckeditor config.jsCKEDITOR.editorConfig = function( config ) {config.language = 'en';// config.uiColor = '#AADC6E';CKEDITOR.stylesSet.add('my_custom_style', [{ name: 'Page Title', element: 'h2', attributes: {'class': 'general-title min'} }]);//Config the KCFinderconfig.filebrowserImageBrowseUrl = "/laravel-filemanager?type=Images";config.filebrow...

JAVASCRIPT - 技术教程分类
JavaScript 教程 JavaScript 简介 JavaScript 用法 JavaScript Chrome 中运行 JavaScript 输出 JavaScript 语法 JavaScript 语句 JavaScript 注释 JavaScript 变量 JavaScript 数据类型 JavaScript 对象 JavaScript 函数 JavaScript 作用域 JavaScript 事件 JavaScript 字符串 JavaScript 运算符 JavaScript 比较 JavaScript 条件语句 JavaScript switch 语句 JavaScript for 循环 JavaScript while 循环 JavaScript break 和 continue 语... JavaScript typeof JavaScript 类型转换 JavaScript 正则表达式 JavaScript 错误 JavaScript 调试 JavaScript 变量提升 JavaScript 严格模式 JavaScript 使用误区 JavaScript 表单 JavaScript 表单验证 JavaScript 验证 API JavaScript 保留关键字 JavaScript this JavaScript let 和 const JavaScript JSON JavaScript void JavaScript 异步编程 JavaScript Promise JavaScript 代码规范 JavaScript 函数定义 JavaScript 函数参数 JavaScript 函数调用 JavaScript 闭包 DOM 简介 DOM HTML DOM CSS DOM 事件 DOM EventListener DOM 元素 HTMLCollection 对象 NodeList 对象 JavaScript 对象 JavaScript prototype JavaScript Number 对象 JavaScript String JavaScript Date(日期) JavaScript Array(数组) JavaScript Boolean(布尔) JavaScript Math(算数) JavaScript RegExp 对象 JavaScript Window JavaScript Window Location JavaScript Navigator JavaScript 弹窗 JavaScript 计时事件 JavaScript Cookie JavaScript 库 JavaScript 实例 JavaScript 对象实例 JavaScript 浏览器对象实例 JavaScript HTML DOM 实例 JavaScript 总结 JavaScript 对象 HTML DOM 对象 JavaScript 异步编程 javascript 全部