BBCode

BBCode ("Bulletin Board Code") is a lightweight markup language used to format messages in many Internet forum software.

Language Info

Name

bbcode

Extensions

.bbcode, .bb

Editor

markup

Compiler

BBob.

Version

BBob: v4.3.1

Example Usage

show code

JS

import { createPlayground } from 'livecodes';

const options = {
  "config": {
    "markup": {
      "language": "bbcode",
      "content": "[i]Text[/i]"
    }
  },
  "params": {
    "compiled": "open"
  }
};
createPlayground('#container', options);

TS

import { createPlayground, type EmbedOptions } from 'livecodes';

const options: EmbedOptions = {
  "config": {
    "markup": {
      "language": "bbcode",
      "content": "[i]Text[/i]"
    }
  },
  "params": {
    "compiled": "open"
  }
};
createPlayground('#container', options);

React

import LiveCodes from 'livecodes/react';

export default function App() {
  const options = {
  "config": {
    "markup": {
      "language": "bbcode",
      "content": "[i]Text[/i]"
    }
  },
  "params": {
    "compiled": "open"
  }
};
  return (<LiveCodes {...options} />);
}

Vue

<script setup>
import LiveCodes from "livecodes/vue";

const options = {
  "config": {
    "markup": {
      "language": "bbcode",
      "content": "[i]Text[/i]"
    }
  },
  "params": {
    "compiled": "open"
  }
};
</script>
<template>
  <LiveCodes v-bind="options" />
</template>

Svelte

<script>
import LiveCodes from 'livecodes/svelte';

const options = {
  "config": {
    "markup": {
      "language": "bbcode",
      "content": "[i]Text[/i]"
    }
  },
  "params": {
    "compiled": "open"
  }
};
</script>

<LiveCodes {...options} />

Solid

import LiveCodes from 'livecodes/solid';

export default function App() {
  const options = {
  "config": {
    "markup": {
      "language": "bbcode",
      "content": "[i]Text[/i]"
    }
  },
  "params": {
    "compiled": "open"
  }
};
  return (<LiveCodes {...options} />);
}

Preact

import LiveCodes from 'livecodes/preact';

export default function App() {
  const options = {
  "config": {
    "markup": {
      "language": "bbcode",
      "content": "[i]Text[/i]"
    }
  },
  "params": {
    "compiled": "open"
  }
};
  return (<LiveCodes {...options} />);
}

Web Components

<live-codes></live-codes>

<script type="module">
  import "livecodes/web-components";

  const playground = document.querySelector("live-codes");
  playground.config = {
    "markup": {
      "language": "bbcode",
      "content": "[i]Text[/i]"
    }
  };
  playground.params = {
    "compiled": "open"
  };
</script>

Links

• bbcode.org
• BBCode guide
• BBCode on Wikipedia