https://github.com/donnikitos/angularjs-bbcode
Simple and lightweight BBCode(Bulletin Board Code) extension for AngularJS, not Angular2
https://github.com/donnikitos/angularjs-bbcode
angularjs bbcode javascript javascript-framework single-page-app single-page-applications text-editor text-formatting
Last synced: 9 months ago
JSON representation
Simple and lightweight BBCode(Bulletin Board Code) extension for AngularJS, not Angular2
- Host: GitHub
- URL: https://github.com/donnikitos/angularjs-bbcode
- Owner: donnikitos
- License: mit
- Created: 2015-12-14T09:07:40.000Z (about 10 years ago)
- Default Branch: master
- Last Pushed: 2018-05-17T22:15:11.000Z (over 7 years ago)
- Last Synced: 2025-02-14T11:03:22.757Z (10 months ago)
- Topics: angularjs, bbcode, javascript, javascript-framework, single-page-app, single-page-applications, text-editor, text-formatting
- Language: HTML
- Homepage:
- Size: 10.7 KB
- Stars: 2
- Watchers: 2
- Forks: 2
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
Introduction
============
BBCode or Bulletin Board Code is a lightweight markup language used to format posts in many message boards.
This AngularJS extension was made to do same for dynamically loaded content, e.g. asynchronous pages or posts.
See attached index.htm file for examples.
Available BB code snippets
==========================
- **Bolded** Text [b]example-text[/b]
- Underlined Text [u]example-text[/u]
- _Italized_ Text [i]example-text[/i]
- ~~Strikethrough~~ Text [s]example-text[/s]
- Colored Text [color=#FF0000]example-text[/color]
- Simple Image [img]url-to-image[/img]
- Image with title [img=url-to-image]image-title[/img]
- Simple URL [url]http://www.example.com[/url]
- URL with Title [url=http://www.example.com]url-title[/url]
Usage
=====
website.html
// Include main AngularJS-code
// Include BBCode extension
// Include your app code
// Apply new line formatter with ks-nl2br and apply bb code formatter with ks-bbcode
Dies ist [b]fetter[/b] Text.
Dies ist [I]kursiver[/I] Text.
Dies ist [U]unterstrichener[/U] Text.
Dies ist [S]durchgestrichener[/S] Text.
Dies ist [color=#ff0000]farbener[/I] Text.
[URL]http://www.example.com[/URL]
your-app.js
angular.module('your-app', ['bbModule']);