https://github.com/jackadams/meteor-editable-text-wysiwyg-bootstrap-3

WYSIWYG extension for babrahams:editable-text package for bootstrap-3 apps
https://github.com/jackadams/meteor-editable-text-wysiwyg-bootstrap-3

bootstrap3 meteor wysiwyg

Last synced: 4 months ago
JSON representation

WYSIWYG extension for babrahams:editable-text package for bootstrap-3 apps

• Host: GitHub
• URL: https://github.com/jackadams/meteor-editable-text-wysiwyg-bootstrap-3
• Owner: JackAdams
• License: mit
• Created: 2014-12-30T22:35:46.000Z (about 10 years ago)
• Default Branch: master
• Last Pushed: 2022-11-22T08:00:55.000Z (about 2 years ago)
• Last Synced: 2023-08-10T08:11:04.274Z (over 1 year ago)
• Topics: bootstrap3, meteor, wysiwyg
• Language: HTML
• Homepage: http://editable-text-demo.taonova.com
• Size: 55.7 KB
• Stars: 18
• Watchers: 3
• Forks: 5
• Open Issues: 2
• Metadata Files:
  • Readme: README.md
  • License: LICENSE.txt

Awesome Lists containing this project

README

        
WYSIWYG extension for babrahams:editable-text package

-----------------------------------------------------

This package provides a wysiwyg widget for editing text in-place. It is for apps that use bootstrap-3.

Example app: [http://editable-text-demo.taonova.com](http://editable-text-demo.taonova.com)

Example app repo: [https://github.com/JackAdams/editable-text-demo](https://github.com/JackAdams/editable-text-demo)

Minimal example app on meteorpad: [http://meteorpad.com/pad/2YdGJmZ9LthGZaLao/editable-text-wysiwyg-bootstrap-3](http://meteorpad.com/pad/2YdGJmZ9LthGZaLao/editable-text-wysiwyg-bootstrap-3)

#### Quick Start

If your project does not already use bootstrap-3 and fontawesome:

	meteor add fortawesome:fontawesome

    meteor add twbs:bootstrap-noglyph

This package requires fontawesome and bootstrap-3 to work, but the choice of the particular fontawesome and bootstrap-3 packages is left to the individual - they are not added automatically by this package. Once those are included in your project:

	meteor add babrahams:editable-text-wysiwyg-bootstrap-3

You can then drop an editable text widget into any Blaze template with `wysiwyg=true`:

	{{> editableText collection="posts" field="body" wysiwyg=true}}

	

where "posts" is the name of the mongo collection and "body" is the name of a document field for the `posts` collection.

`collection` and `field` are mandatory fields.

Note: The widget assumes that the data context is that of a single document from the `posts` collection (with _id value included).

You can also set the data context explicitly as follows:

    {{> editableText context=singlePostDocument collection="posts" field="body"}}

where `singlePostDocument` can be a single post document already set in the current context, or provided by a template helper from the template that the widget was dropped into.

(You can use `document`, `doc`, `object`, `obj`, `data` or `dataContext` instead of `context` - go with whichever you prefer.)

#### Documentation

If you have `wysiwyg=true`, you can also set `toolbarPosition=top` (instead of the default which is at the bottom) and `showToolbar=true` (instead of the default where the toolbar is initially concealed).

Read the [full documentation](https://github.com/JackAdams/meteor-editable-text#editable-text-for-meteor) for the `babrahams:editable-text` package at [https://github.com/JackAdams/meteor-editable-text](https://github.com/JackAdams/meteor-editable-text).