基于 React 和 Redux 的现代内容编辑器 ORY Editor

ORY Editor 详细介绍

https://yqfile.alicdn.com/a0451975a0e3e87ddae75fb5fbb54a150a6e971b.png" >

ORY Editor是一款基于 React 和 Redux 的现代内容编辑器。

简介:

下一代,用于浏览器的高度可定制的内容编辑器——基于 React 和 Redux,所见即所得。

ORY 是一家构建和维护开发者工具的公司,ORY Editor 是一个用于 Web 的智能、可扩展和现代的编辑器(“WYSIWYG”),使用 React 编写。如果你厌倦了 contenteditable 的限制,这将是不错的选择。

ORY Editor 可用于创建网站,与 Squarespace 类似,不过它可以离线运行,通过它创建的网站会存储在设备上,还可以创建自己的设计和插件。

运行效果

https://yqfile.alicdn.com/5e44de85cdc05d6670fcbf0f305567ebad167b3a.png" >

文章转载自 开源中国社区 [http://www.oschina.net]

时间: 2024-09-21 00:00:07

基于 React 和 Redux 的现代内容编辑器 ORY Editor的相关文章

React + Redux 入门(一):抛开 React 学 Redux

redux简介 Redux 是一个改变状态(state)的模型,这个模型通过一个单向操作的方式来改变状态.现在网上教程一言不合上来就是 Redux + React 的综合运用,经常搞的人一脸懵逼.其实 Redux 和 React 完全解耦,并不是 Redux 非得和 React结合才能使用,而只是 React 结合 Redux 会事半功倍.本系列主要也讲得这个. 对于日益复杂的 Javascript 应用来说,Javascript 需要管理非常多的 state.包括本地尚未持久化到数据库的数据.

WordPress高级自定义布局的内容编辑器模板

中介交易 http://www.aliyun.com/zixun/aggregation/6858.html">SEO诊断 淘宝客 云主机 技术大厅 WordPress的编辑器TinyMCE是一个非常强大的工具,对于网页设计师来说,使用WordPress的编辑器TinyMCE是没什么困难的,但是对于那些不怎么了解HTML的人来说却用起来不是那么的得心应手;如果我们把内容编辑器做到所见即所得,预先把内容编辑器的排版布局都做出来,而我们用户只要在相对应的区域直接输入内容就行了.那上面所说的问题

ReactCSS —— 基于 React 的 CSS 样式定义

ReactCSS 是一个基于 React 模式实现的 CSS 样式操作封装和定义.提供一种非常简单的方式来附加 inline CSS 样式 文章转载自 开源中国社区 [http://www.oschina.net]

php基于curl主动推送最新内容给百度收录的方法_php技巧

本文实例讲述了php基于curl主动推送最新内容给百度收录的方法.分享给大家供大家参考,具体如下: php curl的好处可以以最快的方式并且模仿post提供我们的url地址给百度搜索引擎进行收录. 百度链接提交三种方式: 1.主动推送:最为快速的提交方式,推荐您将站点当天新产出链接立即通过此方式推送给百度,以保证新链接可以及时被百度收录. 2.sitemap:您可以定期将网站链接放到sitemap中,然后将sitemap提交给百度.百度会周期性的抓取检查您提交的sitemap,对其中的链接进行

Facebook宣布基于React的富文本编辑器Draft.js开源

Facebook开发团队这次又打算让另外一款工具开源.该小型项目叫做Draft.js,这是React.js的组成部分,可让开发者构建功能多样的富文本编辑器(WYSIWYG所见即所得编辑器). http://static.cnbetacdn.com/article/2016/0223/0f9e8106bb354bb.png 相关JS最近的消息,微软也发布了稳定版的TypeScript 1.8.x分支,其新特性包括了模块扩大.字符串类型以及更好的控制流分析.几小时前Node.js团队发布了最新的5.

基于react的H5开发入门基础简介

React官方网站React中文文档javascript参考教程 一.react是什么? React是一个 JavaScript 库 ,可用来创建用户界面的,可认为是MVC 中的V(视图). React是 基于Component 的,即组件,React认为一切页面元素都可以抽象成组件,且大部分操作都是针对组件的. 1.1 React诞生背景 传统的DOM(文件对象模型)操作会对整个DOM树进行重新渲染,时间成本.复杂度高 ,很慢且容易造成卡顿使页面短暂失去响应. 为解决DOM操作慢的问题,Rea

immutable.js 在React、Redux中的实践以及常用API简介

简介 这个immutable Data 是什么鬼,有什么优点,好处等等,我就不赘述了,这篇Immutable 详解及 React 中实践讲的很透彻. 一个说明不可变的例子 这个可变和不可变是相对于 JavaScript原生引用类型来说的. // 原生对象 let a1 = { b: 1, c: { c1: 123 } }; let b1 = a1; b1.b = 2; console.log(a1.b, b1.b); // 2, 2 console.log(a1 === b1); // true

基于IBM可虚拟扩展的内容管理解决方案

所以本文也提供了一种对 CM8 进行扩展的方法,对其他有相同扩展需求的内容管理系统也具有很好的参考价值. 1.概述 信息的收集.存储.共享.分析.利用是智能交通系统的主要特点.这些信息中的很大一部分是非结构化数据,例如图片,视频.这些数据的合理利用可以给交通参与者.交通管理者提供多样化的服务.通过对这些数据共享,可以为政府的各职能部门(比如公安局.交通管理局.城市规划部门等)提供准确高效的参考,通过对数据的分析,有助于对城市做整体规划和决策. 本解决方案主要由三部分组成:数据采集与传输.数据装载

基于React.js实现原生js拖拽效果引发的思考_javascript技巧

一.起因&思路 一直想写一个原生js拖拽效果,又加上近来学react学得比较嗨.所以就用react来实现这个拖拽效果. 首先,其实拖拽效果的思路是很简单的.主要就是三个步骤: 1.onmousedown的时候,启动可拖拽事件,记录被拖拽元素的原始坐标参数. 2.onmousemove的时候,实时记录鼠标移动的距离,结合被拖拽元素第一阶段的坐标参数,计算并设置新的坐标值. 3.onmouseup的时候,关闭可拖拽事件,记录新的坐标值. 注意:这里主要是通过绝对定位的top和left来确定元素的位置