Contentful-WYSIWYG-Editor - Uses the summernote WYSIWYG HTML editor as an UI extension for contentful

  •        6

https://www.contentful.com is a content management platform for web applications, mobile apps and connected devices. It allows you to create, edit & manage content in the cloud and publish it anywhere via powerful API. Contentful offers tools for managing editorial teams and enabling cooperation between organizations. This extension provides a JSON form editor based on the Summernote library. You can use this extension with 'Text' and 'Symbol' field types.

http://www.onerutter.com/cms/how-to-create-a-contentful-ui-extension.html
https://github.com/jrutter/Contentful-WYSIWYG-Editor

Dependencies:

contentful-ui-extensions-sdk : ^2.0.0
summernote : ^0.8.3

Tags
Implementation
License
Platform

   




Related Projects

contentful.js - JavaScript library for Contentful's Delivery API (node & browser)

  •    Javascript

JavaScript SDK for the Contentful Content Delivery API and Content Preview API. It helps you to easily access your Content stored in Contentful with your JavaScript applications. Contentful provides content infrastructure for digital teams to power websites, apps, and devices. Unlike a CMS, Contentful was built to integrate with the modern software stack. It offers a central hub for structured content, powerful management and delivery APIs, and a customizable web app that enable developers and content creators to ship their products faster.

vue-wysiwyg - A lightweight WYSIWYG HTML editor for Vue.js

  •    Vue

Also make sure to load the stylesheet. The exact syntax will depend on what preprocessor you use. All keys are optional.

draft-wysiwyg - Draft-JS experiments with drag&drop, resizing, tooltips, WIP

  •    Javascript

A wysiwyg editor that mimics medium, build on top of https://github.com/facebook/draft-js and https://github.com/draft-js-plugins/draft-js-plugins. All the relevant behaviour comes from plugins, so this may serve as an example of using the plugin architecture and the different plugins. You can also install and use draft-wysiwyg right away.


Summernote - Super simple WYSIWYG editor

  •    Javascript

Super simple WYSIWYG Editor. Summernote is a JavaScript library that helps you create WYSIWYG editors online.

Toast UI Editor - Markdown Wysiwyg Editor

  •    Javascript

Today CommonMark is the de-facto Markdown standard. And GFM (GitHub Flavored Markdown) is another popular specification based on CommonMark maintained by GitHub which is known as the biggest Markdown user. ToastUI Editor respects CommonMark and GFM specifications. Write documents with easy and productive tools provided by ToastUI Editor. You can open this document wherever the specifications are supported.

canner-slate-editor - 📝Rich Text / WYSIWYG Editor built for Modularity and Extensibility.

  •    Javascript

📝 Rich text / WYSIWYG editor focus on modularity and extensibility, build on top of Slate framework with beautiful designs and high-level APIs. Since this project is originally started from Canner, we notice that there is NO SINGLE editor is going to fit in all varieties of requirements, so we think the only way to solve this issue is to design a modular-first editor.

Alloy Editor - WYSIWYG editor based on CKEditor with completely rewritten UI

  •    Javascript

Alloy Editor is a modern WYSIWYG editor built on top of CKEditor, designed to create modern and gorgeous web content. It provides smart toolbars appear right near the selected text and offer different functionality based on context, Paste rich text from any web page and preserve its formatting, The full styling power of CKEditor and lot more.

vueditor - A wysiwyg editor written in Vue.js and Vuex.js

  •    Vue

A wysiwyg editor written in Vue.js and Vuex.js, require Vue.js 2.0.0, Vuex.js 2.0.0 and above. Browser compatibility: Chrome, Firefox, Safari, IE 9+.

WYSIWYG BBCode Editor

  •    Javascript

"Jitbit WYSIWYG-BBCode" is a browser-based JavaScript-powered WYSIWYG BBCode editor

Summernote - Super simple WYSIWYG editor

  •    Javascript

Summernote is a JavaScript library that helps you create WYSIWYG editors online. It has few special features like Paste images from clipboard, Saves images directly in the content of the field using base64 encoding, so you don't need to implement image handling at all, Interactive WYSIWYG editing.

awesome-wysiwyg - A curated list of awesome WYSIWYG editors

  •    

WYSIWYG Editors that can be use without dependecy to other libraries or frameworks. Editors for your angular-based project.

pell - The simplest and smallest WYSIWYG text editor for web, with no dependencies

  •    Javascript

pell is the he simplest and smallest WYSIWYG text editor for web, with no dependencies. It can be easily customizable with the sass file (pell.scss) or overwrite the CSS.

jHtmlArea - WYSIWYG HTML Editor for jQuery

  •    Javascript

A simple, light weight, extensible WYSIWYG HTML Editor built on top of jQuery. This component allows you to easily display a WYSIWYG HTML Editor in place of any TextArea DOM Elements on the page. The minified script alone is 9.17kb; CSS and Images it's a total of 25.9kb.

simditor - An Easy and Fast WYSIWYG Editor (This project is no longer maintained)

  •    Javascript

Simditor is a browser-based WYSIWYG text editor. It is used by Tower -- a popular project management web application.

Trumbowyg - A lightweight and amazing WYSIWYG Javascript editor

  •    Javascript

Trumbowyg is a simple and lightweight WYSIWYG editor, weight only 20kB minifed (8kB gzip) for faster page loading. It is light, translatable and customisable jQuery plugin. Beautiful design, generates semantic code, comes with a powerful API.