Wyvern

Introduction

Wyvern is built to provide the best content entry workflow possible. It is the first and only editor that integrates seemlessly with all of these popular modules: Structure, Pages, Taxonomy, NavEE*, SafeCracker/Channel Form, and Assets. It was the first ExpressionEngine editor to include a visual editing mode to see separations in your content blocks so your editors do not get confused and mangle the content.

Features

Installation

Prerequisites

Make sure your system meets the minimum requirements:

Installation Instructions

Update instructions

Update to EE3

Updating to EE3 requires some manual handling due some structure change. EE3 comes with a new concept of creating toolbars, which differ from EE2.

No data will be touched by the updater

EE2

The development for EE2 has been stopped per v2.0.0 The docs for EE2 can be found here

Global Settings

Path to custom CSS file

This is the path to the CSS file used to define custom styles used within the CKEditor field. If you define a CSS file, a JavaScript file is required below.

The default location is: /themes/user/wyvern/wysiwyg/wysiwyg.css

Path to custom CSS file

This is the path to the JavaScript file used to create the select menu in the toolbar. It will normally contain definitions to the styles defined in the CSS file above.

The default location is: /themes/user/wyvern/wysiwyg/wysiwyg.js

Obfuscate email addresses

This will obfuscate (encode) email addresses when used within Wyvern fields. This will automatically link email addresses too.

Enable display blocks by default

This will add dashed borders and visual markers to HTML containers.

Extra CKEditor Config Options

Set any additional CKEditor configuration options here. A list of possible options can be found in the CKEditor API. Set the options in the following format, one option per line and no quotes (the module will handle that for you). You can also use {site_url} or {base_url} as a variable to link extra files.

File Manager

Select which file manager to use. You can use the native EE File Manager, or Assets.

Linkable Templates

Select which templates you want to display in the Link Dialog Template list. Options are all templates template group custom range

Settings

Settings per field

Display Height

Height in px of the field

Is resizable

This makes the field resizable by default

Auto grow

This will make the field grow as you type

Toolbar

Select per membergroup the toolbar you want to show

Text direction

Set the text direction for the field

Specify the upload directory

Select the upload folder.

This will turn url and email into a link

Allow image URLs in Wyvern fields?

Allow image url in the field or not.

Enter mode

What is the tag for the enter

Settings

Adding buttons to the toolbar

By default, Wyvern intentionally comes with 3 sets of CKEditor buttons.

Toolbar overview

However, you can create as many toolbars you want via the smart toolbar manager.

Toolbar manager

Template tags

Word limit

word_limit
Optional: Limit the content to a specific number of words.

suffix
Optional: If using the limit parmeter this allows you to add a string of text after the limited text, such as a "Read More" link.

{field_name word_limit="50" suffix="..."}

Character limit

character_limit
Optional: Limit the content to a specific number of words.

suffix
Optional: If using the limit parmeter this allows you to add a string of text after the limited text, such as a "Read More" link.

{field_name word_limit="50" suffix="..."}

Strip tags

strip_tags
Optional: Strip al tags for the wyvern field

allowable_tags
Optional: which tags are allowed

{field_name strip_tags="yes" allowable_tags="<p><a>"}

Changelog

3.0.1 (00-00-2018)

3.0.0 (04-12-2017)

2.2.0 (10-11-2017)

2.1.2 (09-10-2017)

2.1.1 (02-10-2017)

2.1.0 (29-09-2017)

2.0.1 (26-07-2017)

2.0.0b (18-02-2017)

1.8.0 (13-01-2017)