Coder Social home page Coder Social logo

tom_write_editor's Introduction

Tom Write Editor

Tom Write Editor is a texpattern plugin that adds a distraction free writing environment for the Textpattern write tab with some advanced features. It's an editor for geek writers!

Install

  1. Copy the tom-WE folder directly in the textpattern folder.
  2. Install and activate the tom_write_editor_v*.txt plugin from the Textpattern plugin tab.

Usage

For a new article, the best practice is to enter Title and Sort and display informations (section + category) of the article, select Draft as Status and Save.

Click on the button available nearby the Body label to open the editor and start writing.

Basic Ace editor features

Tom-WE uses Ace Editor (a Javascript Editor), synchronized with the body textarea. Ace editor offers some additional features to textarea such as:

  • Tabs / indent.
  • Simple textile syntaxic coloration.
  • Duplicate / move lines or part of text.
  • Find / replace
  • Macros
  • Snippets
  • etc.

Some specifics features for Textpattern

  • Display directly from editor Article/images/files/links tab via keyboard shortcuts or buttons in a right panel.
  • Insert a code snippet to editor via drag & drop from an opened Article/images/files/links tab
  • Add custom Snippets.
  • Save your article with ctrl-S command-s
  • See a live preview of your article (the preview is automatically refreshed when you save).

Change Editor prefs

Editor preferences are stored in a prefs-default json file. Please don't change this file. You risk to loose your changes after updated this plugin. A blank prefs-user json file is dedicated to fit your needs.

Just copy-paste preferences object you want to change and upadate values.

Example

You use rah_knots plugin that already add a keyboard shortcuts to save your article. Just overwrite Editor save shortcut using false in the prefs-user file

{
	"bindKey" : {
		"save" : false
	}
}

Add custom snippets

Ace editor comes with some snippets. But you can add custom snippets in the additional-snippets json file.

Example

[
	{
		"name" : "txp_img",
		"tabTrigger" : "timg",
		"content" : "<txp:image id='${1:id}' />"
	}
]

tom_write_editor's People

Contributors

sacripant avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar

Forkers

mst-textpattern

tom_write_editor's Issues

A small problem.

Tested in 4.7dev, as more and more input content, the cursor and the content will be longer and longer distance.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.