An open API service indexing awesome lists of open source software.

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

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']);