标签: wysiwyg

FCK编辑替代品

我过去一直在为我的几个客户站点使用FCK编辑器.最近由于一些新的浏览器安全更新(我假设),一些功能现在正在破坏.

我计划将这些网站更新到最新版本,但有时我认为FCK过于复杂,往往会让我的客户感到困惑,而不是帮助他们.

什么其他HTML WYSIWYG(如果有这样的东西)是好的.关于我想要保留的FCK,我真的很喜欢的一些项目:

  • 基于CSS下拉样式
  • 自动插入的HTML模板
  • 自动插入的HTML代码段
  • 文件上传器/浏览器

谢谢

wysiwyg fckeditor

17
推荐指数
4
解决办法
9865
查看次数

获取WP Tinymce的内容

我正在尝试编写一个Wordpress插件.我将在WP的Tinymce编辑器中获得计数.基本上,它是一个单词计数器,它计算你的帖子很长,并在元框中给你这个消息

你的帖子有450个单词

我唯一的问题是通过javascript从Tinymce获取单词.这不起作用:

document.getElementById('content')
Run Code Online (Sandbox Code Playgroud)

Tinymce的内容是内容.但是这段代码返回NULL.我找不到Tinymce的有效ID名称.

很快,其他所有代码都准备好了,只是我无法从Wordpress的WYSIWYG编辑器中获取单词.

谢谢.

javascript wordpress wysiwyg tinymce

17
推荐指数
2
解决办法
1万
查看次数

WYSIWYG编辑器与手动编码

使用WYSIWYG编辑器进行网页开发与手动编码有什么优缺点?

除了不知道如何通过手工编码创建东西之外,是否有任何理由使用所见即所得?

html wysiwyg

16
推荐指数
1
解决办法
6732
查看次数

Sitecore富文本Html编辑器配置文件 - 设置全局默认值

好吧我无法相信这在任何地方都找不到,所以我在问这个问题.

有没有办法在Sitecore中设置默认的Html编辑器配置文件,所以我没有覆盖每个单独的富文本字段上的源字段?

例如,我想将此作为Html编辑器的默认选项:

/sitecore/system/Settings/Html Editor Profiles/Rich Text Medium
Run Code Online (Sandbox Code Playgroud)

wysiwyg editor sitecore richtext

16
推荐指数
2
解决办法
7146
查看次数

Prezi HTML5编辑器通过impress.js

我最近知道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)

一个JS小提琴例子.

那么我可以使用WYSIWYG HTML5 Prezi编辑器吗?我想要一个,因为它可以更容易地创建基于HTML5,CSS3和JavaScript的演示文稿.

javascript flash html5 wysiwyg prezi

16
推荐指数
2
解决办法
2万
查看次数

draft-js无法读取未定义的属性'getIn'(getUpdatedSelectionState)

我有这样的错误与草案-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)

wysiwyg reactjs draftjs draft-js-plugins

16
推荐指数
1
解决办法
1900
查看次数

创建一个用于编辑电子邮件模板的html wysiwyg编辑器

我正在开发的(基于Web的)软件需要一种方法让用户能够自定义电子邮件模板.

我熟悉TinyMCE等人.基于网络的所见即所得的编辑.然而,他们努力生成有效的(x)html标记,大量使用样式表.所有这些都不会很好地呈现在电子邮件客户端中(是的,我正在看着你...... outlook 2007).

是否有人知道可以配置生成电子邮件友好的HTML?

html email wysiwyg

15
推荐指数
1
解决办法
7056
查看次数

使用TinyMCE是网页上WYSIWYG编辑器的首选?什么是好的选择?

使用TinyMCE是网页上WYSIWYG编辑器的首选?什么是好的选择?

一些比较似乎表明TinyMCE是跨浏览器最兼容的之一:

http://geniisoft.com/showcase.nsf/WebEditors

javascript wysiwyg editor

15
推荐指数
1
解决办法
3008
查看次数

如何在Firefox ContentEditable中强制换行

我在网站上运行了一个JavaScript WYSIWYG编辑器(与CKEditor不同).

它有一个设置,<br>当你Enter在编辑器中按下时,IE会创建换行符.

这很好用,但不幸的是,Firefox(我用5和7进行了测试)仍然会生成<p>元素,并且<br>只有在你使用时才生成s Shift + Enter.

有没有办法让Firefox总是<br>在contentEditable中生成元素?

html firefox wysiwyg

14
推荐指数
2
解决办法
8103
查看次数

使用Angular JS中的CKEditor内容更新textarea值

我正在使用最新的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事件扩展此指令吗?

我想为表单提交或其他内容添加更多事件.

在这里演示.

javascript wysiwyg ckeditor angularjs angularjs-directive

14
推荐指数
2
解决办法
2万
查看次数