BBCode - How to?

[louiegiezer]

how can iapply the bbcode at my script this is wat ive done...


[syntax=php]
<?php
include 'core/init.php';
include 'texteditor.php';

if (isset($_POST['user'], $_POST['title'], $_POST['body'], $_POST['cid'])){
if (empty($_POST['user'])){
$errors[] = "Please Enter Your Valid Username.";
}

if (empty($_POST['title'])){
$errors[] = "Your Title cannot be empty.";
}

if (empty($_POST['cid'])){
$errors[] = "Please Enter Your Category.";
}

if (empty($_POST['body'])){
$errors[] = "Your Topic Cannot be empty.";
}

if (empty($errors)){
add_post($_POST['user'], $_POST['title'], $_POST['body'], $_POST['cid']);
header('Location: admin.php');
die();
}
}
?>

<?php include 'includes/overall/header.php'; ?>

<div id="post-topic">
<?php
if (empty($errors) === false){
echo error_box($errors);
}

?>

<form action="" method="post">
<p>
<label>Name</label>
<input type="text" name="user" id="user">
</p>
<p>
<label>Title</label>
<input type="text" name="title" id="title">
</p>

<p>
<label>Category</label>
<select name="cid"><option value='0'>Please Choose</option>
<?php
$cat_post = get_cat();
foreach ($cat_post as $cat){
?>
<option value="<?php echo $cat['cat_id']; ?>"> <?php echo $cat['cat']; ?></option>
<?php
}
echo "</select>";
?>

</p>
<p>

<a href="javascript:void(0);" onclick="document.getElementById('body').value += '[\b][\/b]'">Bold</a>
<textarea cols="100" name="body" id="body" rows="20"></textarea>
</p>
<p>
<input type="submit" value="Add Post">
</p>
</form>
</div>

<?php include 'includes/overall/footer.php'; ?>
[/syntax]

[Temor]

I split the topic to keep the other thread as clean as possible.

Original topic:
viewtopic.php?f=5&t=41


The function posted in there :
[syntax=php]function bbcode($text) {
$text = htmlentities($text);
$search = array(
'/\[b\](.*?)\[\/b\]/is',
'/\[i\](.*?)\[\/i\]/is',
'/\[u\](.*?)\[\/u\]/is',
'/\[s\](.*?)\[\/s\]/is',
'/\[sub\](.*?)\[\/sub\]/is',
'/\[sup\](.*?)\[\/sup\]/is',
'/\[img\](.*?)\[\/img\]/is',
'/\[url\](.*?)\[\/url\]/is',
'/\[url\=(.*?)\](.*?)\[\/url\]/is',
'/\[size\=(.*?)\](.*?)\[\/size\]/is',
'/\[color=(.*?)\](.*?)\[\/color\]/is',
'/\[center\](.*?)\[\/center\]/is',
'/\[right\](.*?)\[\/right\]/is',
'/\[left\](.*?)\[\/left\]/is',
'/\[justify\](.*?)\[\/justify\]/is',
'/\[youtube\](.*?)\[\/youtube\]/is',
'/\[font\=(.*?)\](.*?)\[\/font\]/is',
'/\[ul\](.*?)\[\/ul\]/is',
'/\[ol\](.*?)\[\/ol\]/is',
'/\[li\](.*?)\[\/li\]/is',
'/\[code\](.*?)\[\/code\]/is',
'/\[quote\](.*?)\[\/quote\]/is',
'[hr]',
'/\[email\=(.*?)\](.*?)\[\/email\]/is',
'/\[rtl\](.*?)\[\/rtl\]/is',
'/\[ltr\](.*?)\[\/ltr\]/is',
'/\[table\](.*?)\[\/table\]/is',
'/\[tr\](.*?)\[\/tr\]/is',
'/\[td\](.*?)\[\/td\]/is',
'/\[thead\](.*?)\[\/thead\]/is',
'/\[tbody\](.*?)\[\/tbody\]/is',
'/\[th\](.*?)\[\/th\]/is',
'/\[caption\](.*?)\[\/caption\]/is'
);

$replace = array(
'<strong>$1</strong>',
'<em>$1</em>',
'<u>$1</u>',
'<del>$1</del>',
'_$1',
'^$1',
'<img src="$1" />',
'<a href="$1">$1</a>',
'<a href="$1">$2</a>',
'<font size="$1">$2</font>',
'<a style=\'color:$1;\'>$2</a>',
'<center>$1</center>',
'<div style="text-align:right;">$1</div>',
'<div style="text-align:left;">$1</div>',
'<div style="text-align:justify;">$1</div>',
'<iframe id="ytplayer" type="text/html" width="640" height="360"
src="https://www.youtube.com/embed/$1" frameborder="0" allowfullscreen>',
'<a style=\'font-family:$1;\'>$2</a>',
'<ul>$1</ul>',
'<ol>$1</ol>',
'<li>$1</li>',
'<code>$1</code>',
'<blockquote>$1</blockquote>',
'<hr />',
'<a href=\'mailto:$1\'>$2</a>',
'<div style=\'direction: rtl\'>$1</div>',
'<div style=\'direction: ltr\'>$1</div>',
'<table>$1</table>',
'<tr>$1</tr>',
'<td>$1</td>',
'<thead>$1</thead>',
'<tbody>$1</tbody>',
'<th>$1</th>',
'<caption>$1</caption>'
);

$bb = preg_replace ($search, $replace, $text);

return $bb;
}[/syntax]

is really simple to use.

[syntax=php]
$string = "[ b]Bold[ /b]";


echo bbcode($string);[/syntax]

will echo "<strong>Bold</strong"

It really just takes whatever you put in there, looks for bbcode tags ( for example ) and changes those into html tags.
Not much more to it than that

[louiegiezer]

[syntax=php]<a href="javascript&#058;void(0);" onclick="document.getElementById('body').value += '[\b][\/b]'">Bold</a>
<textarea cols="100" name="body" id="body" rows="20"></textarea>[/syntax]


like this sir?

[Temor]

I'm not entirely sure what you're trying to do or why it uses javascript and html. You need neither.
All you need is php.

You pass in a string, say an input field or a textarea.
[syntax=xhtml]
<form method="post">
<textarea name="bbcode">This is text</textarea>
<input type="submit" value="submit">
</form>[/syntax]

The value of your $_POST['bbcode'] variable will be "This is text". As you would expect.
If you then Echo that variable:
[syntax=php]
echo $_POST['bbcode'];
[/syntax]

you will get:

This is text

If you would want to apply bbcode to this, you would just simply use the function on the $_POST['bbcode'] variable.

[syntax=php]$_POST['bbcode'] = bbcode($_POST['bbcode']);[/syntax]

If you now put bbcode inside the variable, it will change it to html characters instead.


[syntax=xhtml]<form method="post">
<textarea name="bbcode">[ b]This is text[/ b]</textarea>
<input type="submit" value="submit">
</form>[/syntax]

if you echo this as is, it would print:
[ b]This is text[ /b]

but the bbcode function takes the [ b] and [ /b] tags and swaps them for the equivalent html tags, in this case <strong> and </strong>

so if you now use the bbcode function:

[syntax=php]
$_POST['bbcode'] = bbcode($_POST['bbcode']);
echo $_POST['bbcode'];
[/syntax]

you will get:

<strong>This is text</strong>

which is valid HTML and will show This is text in bold.



*Footnote:
I had to put spaces in the BBcode i showed here or else it wouldn't show the actual tags, but instead make the text bold

[louiegiezer]

thank you sr temor it's working... and it would be nice to add some javascript let say i highlight the text now it will wrap automatically the text with this [ b]text[/b]... anyway thanks again 4 helping me always...

[ScTech]

It's an absolute pain to get wrapping to work on mobile and IE. I can understand why mobile, but not why people still use IE...

[louiegiezer]

its 4 personal purposes only so its ok...

[Temor]

It's an absolute pain to get wrapping to work on mobile and IE. I can understand why mobile, but not why people still use IE...

It's a pain, yes- But not impossible!

As for IE, I just reinstalled windows on my pc, and I really CBA installing another browser, so even though I HATE IE, I'm still using it. For now...

thank you sr temor it's working... and it would be nice to add some javascript let say i highlight the text now it will wrap automatically the text with this [ b]text[/b]... anyway thanks again 4 helping me always...

Just create a new topic in the javascript forum and I'd be happy to help again