Merge branch 'release-0.2.5'

Author: JimLiu

CHANGELOG.md

@@ -1,3 +1,8 @@
+<a name="0.2.5"></a>
+## [0.2.5](https://github.com/JimLiu/bbcode-to-react/compare/0.2.4...v0.2.5) (2016-11-01)
+
+More example code for tonic-example
+
 <a name="0.2.4"></a>
 ## [0.2.4](https://github.com/JimLiu/bbcode-to-react/compare/0.2.3...v0.2.4) (2016-11-01)
 Fixed issue that can't be required by ES5.

package.json

@@ -1,6 +1,6 @@
 {
  "name": "bbcode-to-react",
- "version": "0.2.4",
+ "version": "0.2.5",
  "description": "A utility for turning raw BBCode into React elements. ",
  "main": "lib/index.js",
  "scripts": {

tonic-example.js

@@ -2,12 +2,43 @@ var React = require('react');
 var ReactDOMServer = require('react-dom/server');
 var bbcode = require('bbcode-to-react');
 
+/* Code for customize tag
+class YoutubeTag extends bbcode.Tag {
+ toReact() {
+ // using this.getContent(true) to get it's inner raw text.
+ const attributes = {
+ src: this.getContent(true),
+ width: this.params.width || 420,
+ height: this.params.height || 315,
+ };
+ return (
+ <iframe
+ {...attributes}
+ frameBorder="0"
+ allowFullScreen
+ />
+ );
+ }
+}
+
+class BoldTag extends bbcode.Tag {
+ toReact() {
+ // using this.getComponents() to get children components.
+ return (
+ <b>{this.getComponents()}</b>
+ );
+ }
+}
+
+// [youtube width="400"]https://www.youtube.com/watch?v=AB6RjNeDII0[/youtube]
+bbcode.registerTag('youtube', YoutubeTag); // add new tag
+bbcode.registerTag('b', BoldTag); // replace exists tag
+*/
+
 class MyComponent extends React.Component {
  render() {
- console.log(bbcode.default);
- return <p>{bbcode.default.toReact('[b]strong[/b]')}</p>;
+ return <p>{bbcode.toReact('[b]My Video: [/b][youtube width="400"]https://www.youtube.com/watch?v=AB6RjNeDII0[/youtube]')}</p>;
  }
 }
 
-// render: <p><strong>strong</strong></p>
 ReactDOMServer.renderToString(<MyComponent />);