我过去一直在为我的几个客户站点使用FCK编辑器.最近由于一些新的浏览器安全更新(我假设),一些功能现在正在破坏.
我计划将这些网站更新到最新版本,但有时我认为FCK过于复杂,往往会让我的客户感到困惑,而不是帮助他们.
什么其他HTML WYSIWYG(如果有这样的东西)是好的.关于我想要保留的FCK,我真的很喜欢的一些项目:
谢谢
我正在尝试编写一个Wordpress插件.我将在WP的Tinymce编辑器中获得计数.基本上,它是一个单词计数器,它计算你的帖子很长,并在元框中给你这个消息
你的帖子有450个单词
我唯一的问题是通过javascript从Tinymce获取单词.这不起作用:
document.getElementById('content')
Run Code Online (Sandbox Code Playgroud)
Tinymce的内容是内容.但是这段代码返回NULL.我找不到Tinymce的有效ID名称.
很快,其他所有代码都准备好了,只是我无法从Wordpress的WYSIWYG编辑器中获取单词.
谢谢.
使用WYSIWYG编辑器进行网页开发与手动编码有什么优缺点?
除了不知道如何通过手工编码创建东西之外,是否有任何理由使用所见即所得?
好吧我无法相信这在任何地方都找不到,所以我在问这个问题.
有没有办法在Sitecore中设置默认的Html编辑器配置文件,所以我没有覆盖每个单独的富文本字段上的源字段?
例如,我想将此作为Html编辑器的默认选项:
/sitecore/system/Settings/Html Editor Profiles/Rich Text Medium
Run Code Online (Sandbox Code Playgroud) 我最近知道impress.js已被创建为Prezi的HTML5版本.这有助于我们摆脱专有的Flash技术,而是使用一种开放的Web标准,该标准将成为所有平台的通用标准.
但是,在HTML文本编辑器上键入代码(比如编写幻灯片的翻译,旋转和缩放值)很烦人.特别是当代码扩展到难以忍受的长度时,变得难以可视化.
所以这是我刚创建的一个例子.在阅读下面的HTML代码时,很难确切知道幻灯片的位置以及它们的显示方式.
<div id="impress">
<div class="step" data-x="0" data-y="0">
Slide 1 at origin.
</div>
<div class="step" data-x="100" data-y="100" data-scale="0.5">
Slide 2 has been moved south-eastern side and shrunk by half compared to slide 1.
</div>
<div class="step" data-x="-500" data-y="-405" data-rotate-x="50" data-rotate-y="-34" data-rotate-z="50" data-scale="2.5">
Slide 3 has been rotated in 3D and is 2.5x larger than slide 1.
</div>
</div>
<script type="text/javascript" src="impress.js"></script>
Run Code Online (Sandbox Code Playgroud)
那么我可以使用WYSIWYG HTML5 Prezi编辑器吗?我想要一个,因为它可以更容易地创建基于HTML5,CSS3和JavaScript的演示文稿.
我有这样的错误与草案-JS与草案-JS-插件编辑器
奇怪的行为:它只会发生,当我在写完后重新聚焦到第一行编辑器时,试图设置为例如.第一行的标题为H1,它改变了之前的焦点线
错误: Uncaught TypeError: Cannot read property 'getIn' of undefined
完全错误:
Uncaught TypeError: Cannot read property 'getIn' of undefined
at getUpdatedSelectionState (getUpdatedSelectionState.js?a009439:34)
at getDraftEditorSelectionWithNodes (getDraftEditorSelectionWithNodes.js?a009439:37)
at getDraftEditorSelection (getDraftEditorSelection.js?a7f8e9b:35)
at editOnSelect (editOnSelect.js?a7f8e9b:32)
at DraftEditor.react.js?f8ee1ff:148
at HTMLUnknownElement.callCallback (react-dom.development.js?5f39724:542)
at Object.invokeGuardedCallbackDev (react-dom.development.js?5f39724:581)
at Object.invokeGuardedCallback (react-dom.development.js?5f39724:438)
at Object.invokeGuardedCallbackAndCatchFirstError (react-dom.development.js?5f39724:452)
at executeDispatch (react-dom.development.js?5f39724:836)
Run Code Online (Sandbox Code Playgroud)
这是我的组成部分:
/* eslint-disable react/no-multi-comp */
import React, {Component} from 'react';
import sv from '../../config/styleVariables'
import Editor from 'draft-js-plugins-editor';
import {EditorState,convertToRaw} from 'draft-js'
import createToolbarPlugin from 'draft-js-static-toolbar-plugin';
import { …Run Code Online (Sandbox Code Playgroud) 我正在开发的(基于Web的)软件需要一种方法让用户能够自定义电子邮件模板.
我熟悉TinyMCE等人.基于网络的所见即所得的编辑.然而,他们努力生成有效的(x)html标记,大量使用样式表.所有这些都不会很好地呈现在电子邮件客户端中(是的,我正在看着你...... outlook 2007).
是否有人知道可以配置生成电子邮件友好的HTML?
使用TinyMCE是网页上WYSIWYG编辑器的首选?什么是好的选择?
一些比较似乎表明TinyMCE是跨浏览器最兼容的之一:
我在网站上运行了一个JavaScript WYSIWYG编辑器(与CKEditor不同).
它有一个设置,<br>当你Enter在编辑器中按下时,IE会创建换行符.
这很好用,但不幸的是,Firefox(我用5和7进行了测试)仍然会生成<p>元素,并且<br>只有在你使用时才生成s Shift + Enter.
有没有办法让Firefox总是<br>在contentEditable中生成元素?
我正在使用最新的CKEditor(标准版)并基于这个 问题,我已经实现了这样的角度指令,
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('pasteState', function() {
scope.$apply(function() {
ngModel.$setViewValue(ck.getData());
});
});
ngModel.$render = function(value) {
ck.setData(ngModel.$viewValue);
};
}
};
});
Run Code Online (Sandbox Code Playgroud)
当我在CKEditor GUI模式下输入内容时,它工作正常,这里我将输入的内容添加到textarea的ng-model中.
但是当我切换到代码编辑器时,即使在切换回GUI之后也没有获得更新的内容.需要在图形模式下再次键入内容.
我的指令有什么问题?或者我可以使用其他一些CKEditor事件扩展此指令吗?
我想为表单提交或其他内容添加更多事件.