标签: wysiwyg

背景:这是对可能尚不存在的东西的请求,但我一直想建立一个很长一段时间.首先,我会问是否还有人见过类似的东西.

假设您有一个如下所示的任意JSON结构:

{
    'title_str':'My Employee List'
    ,'lastmod_str': '2009-June-15'
    ,'employee_table':[
        {'firstname':'john','lastname':'doe','age':'33',}
        ,{'firstname':'jane','lastname':'doe','age':'34',}
        ,{'firstname':'samuel','lastname':'doe','age':'35',}
    ]
}

问题:是否有基于Web的JSON编辑器可以采用这样的结构,并自动允许用户在用户友好的GUI中修改它？

示例:想象一个自动生成的HTML表单,它显示了title和lastmod的两个输入类型文本控件,以及一个输入类型文本控件表,其中包含三列和三行arr_list ...具有删除功能或者通过单击表格中每行旁边的[+] [X]添加其他行.

重要思想:这背后的"大创意"是用户能够指定任意(非递归)JSON结构,然后能够使用基于GUI的交互编辑结构(这类似于XML间谍中的"XML编辑器网格视图".

也可以看看:

• 是否存在本地托管的基于JSON api的CMS？

更新:(星期四2014-07-31 18:31:11)

已创建github存储库以进一步跟踪此已关闭的SO帖子.

• https://github.com/dreftymac/stackoverflow.questions.998832

在为Markdown代码寻找简单的WYSIWYG编辑器时,我找不到与CkEditor,TinyMCE等相比较的UI.

具体而言,通常建议的减价"所见即所得"编辑器(如像帖此)是在用户是静止写入原始降价(感不是纯WYSIWYG编辑器MarkItUp)或去另一个极端具有行编辑而没有标准控件(Hallo).

我需要介于两者之间的东西.

我正在寻找一个Markdown编辑器,其外观和功能类似于一个精简的CkEditor文本框,并接受并输出Markdown.应该有一个工具栏,其中包含最少的格式化选项(B,I,U,列表等),文本输入区域应显示转换的Markdown,而不是原始代码.应该有一个Source按钮,允许用户编辑原始Markdown,但即使这是可选的.例如:

我得到Markdown/wiki等的理由 - 它提供的安全性.我不介意在SE输入原始代码,但我的用户不是极客,也不觉得这很有趣.他们不希望看到***___和与其文本混合的空格.它们用于"Word"样式编辑,并且在该环境中效率最高.

那么 - Markdown是否有真正集成的WYSIWYG编辑器？我正在用PHP编写,所以我可以用类调用的东西是完美的.

2015年9月23日更新

CKEditor现在有一个Markdown 插件可以做到这一点.插件项目托管在github上.

截图:

2015年4月13日更新
自称开发CKEditor的人说,CommonMark的外观是游戏规则改变者,我们可能会看到CKEditor的正确标记界面(阅读全文的评论).

2015年2月6日更新

CKEditor现在附带一个输出(并接受输入)BBCode的插件.

演示:http://ckeditor.com/demo#bbcode

我有contentEditable元素(可以是p,div,...),我想在其中得到插入符号(光标).我通常可以用这段代码实现它:

var position = window.getSelection().getRangeAt(0).startOffset;

这个工作正常,而元素只包含文本.但是当元素包含一些HTML格式时,返回的位置相对于包含的HTML元素中的插入位置.

我们假设contentEditable元素的内容是这样的:

AB<b>CD</b>EF

如果插入符号在内部<b></b>,让我们说在C和D之间,上面代码的返回位置是1而不是3(从contentEditable元素的内容开始算起)

任何人都可以提出解决方案吗？

该文件是不是对这个很清楚.

name - String - 要添加的按钮名称.

设置 - 对象 - 具有标题,cmd 等的设置对象.

"等等"？真？我在哪里可以看到其他可能的属性？

除了新的Google Docs之外,我见过的所有其他WYSIWYG基于网络的富文本编辑器(ckeditor,tinymce,旧的Google Docs)都基于contenteditable或designMode.我个人讨厌使用这些编辑器.在整个体验变成沮丧的练习之前,它不需要太多的格式化或复制/粘贴.返回突然开始获得双倍间距,通过从其他HTML源粘贴引入无意的格式,撤消的/重做完全被破坏,格式变得难以控制等等.

我相信这是Google Docs推出自己更受限制的非HTML格式化引擎的原因之一.是否有任何类似的开源库？提前致谢.

我需要在运行时禁用或只读一个tinymce textarea.

我想在这里收集Java的所有WYSIWYG文本编辑器.

条目的一些规则:

• 必须有项目/产品的链接
• 您必须说明它是开源还是商业
• 是否可以扩展编辑器(添加"紫罗兰中心数独"等新功能)？那简单还是复杂？
• 它是否具有许多功能(花哨的角色和段落样式,在同一文档中对多种语言进行在线拼写检查)或仅仅是基础(粗体,斜体,没有下划线)？
• 列出重要的依赖项(它是在带有Swing？SWT？MacOS的裸Java上运行的吗？)
• 你的个人意见

此列表应该有助于开发人员确定选择哪个编辑器.我不是在寻找"最好的",而是更多的"那里有什么".

有人知道一个与角4兼容的好的免费wysiwyg编辑器吗？

Froala似乎很好但不幸的是它并不是免费的.

也许使用棱角4不是一个好主意,因为很难找到很多基本的东西......

谢谢

首先,我了解图像无法从本地计算机"复制"到网站中.我知道必须上传.我是一名网络程序员,熟悉常见的网络体验工具,如TinyMCE和FCKEditor.我的问题是,是否存在程序或网络模块或某种有效的东西将执行为所见即所得的图像的自动上传.我有一个客户经常抱怨无法将带有MS Word图像的文档复制/粘贴到所见即所得,以便在他们的网站上创建内容.

我已经查看了TX Text Control(http://labs.textcontrol.com/)并且正在研究一个可能在后台自动上传文件的flash wysiwyg.我不知道这是否存在,谷歌在我的搜索中没有太多帮助我,所以我想我会问其他编码员.

我对任何类型的服务器技术或浏览器要求持开放态度.我正在寻找一些基于浏览器的工具,而不是像Dreamweaver或其他应用程序工具.

如果没有解决问题的好方法,我愿意接受这一点.

注意:这是客户的要求,对我来说这似乎是不合理的.我决定收集社区建议而不是告诉客户"否",这里的选项对于提供可能的解决方案非常有帮助和信息.

这样我将tinyMCE初始化为textarea.字体,粗体斜体工作但字体大小选择不起作用.

tinymce.init({
    selector: "textarea#content",
    theme: "modern",
    width: 586,
    height: 300,
    menubar:false,
    font_size_classes : "fontSize1, fontSize2, fontSize3, fontSize4, fontSize5, fontSize6",//i used this line for font sizes 
    content_css: "css/content.css",
    toolbar: "sizeselect | bold italic | fontselect | fontsize",//used font size for showing font size toolbar   
style_formats: [

    {title: 'Bold text', inline: 'b'},
            {title: 'Red text', inline: 'span', styles: {color: '#ff0000'}},
            {title: 'Red header', block: 'h1', styles: {color: '#ff0000'}},
            {title: 'Example 1', inline: 'span', classes: 'example1'},
            {title: 'Example 2', inline: 'span', classes: 'example2'}, …