I'm using TinyMce to do it, and have been reading about customizing the output of these controls.
Code: Select all
<script type="text/javascript" src="/js/tinymce/tinymce.min.js"></script>
<script type="text/javascript">
tinymce.init({
selector: '#mytextareaid',
menubar : false,
width : 450,
toolbar: "bullist | undo redo | styleselect | bold italic | link image",
style_formats: [
{ title: 'bullist', selector: 'ul', classes: 'tinybullet'},
{ title: 'bullist', selector: 'li', classes: 'tinybullet'},
{title: 'Bold text', inline: 'b'},
]
});
</script>But when I view the rendered page as the customer would see it, there is no Class in the code. So if I set:
Code: Select all
.tinybullet { font-weight: bold; }I need to make sure these bullet points that are rendered on the page (like it might render for Word Press for example), it displays it correctly, as rigth now, there are no dots!