BarnamenevisEditor Examples

$('#example1').barnamenevisEditor({ language: 'en' });

$('#example2').barnamenevisEditor({
    language: 'en',
    toolbar: 'minimal',
    height: '250px'
});

$('#example3').barnamenevisEditor({
    language: 'en',
    height: '250px',
    onChange: function(content) {
        $('#preview3').html(content);
    }
});

$('#example4').barnamenevisEditor({
    height: '250px',
    toolbar: [
        ['bold', 'italic', 'underline'],
        ['forecolor', 'backcolor'],
        ['insertLink'],
        ['undo', 'redo']
    ]
});

$('#example5').barnamenevisEditor({
    height: '400px',
    toolbar: 'full'
});

$('#saveBlogPost').on('click', function() {
    var title = $('#postTitle').val();
    var content = $('#example5').barnamenevisEditor('getContent');
    console.log('Title:', title);
    console.log('Content:', content);
    showBootstrapAlert('success', window.BarnamenevisEditor.lang.en.messages.blogPostSaved);
});

$('#example6').barnamenevisEditor({
    height: '300px',
    toolbar: 'basic'
});

$('#example7').barnamenevisEditor({
    height: '150px',
    toolbar: 'minimal'
});

$('#postComment').on('click', function() {
    var comment = $('#example7').barnamenevisEditor('getContent');
    $('#commentsDisplay').append(
        '<div class="alert alert-secondary">' + comment + '</div>'
    );
    $('#example7').barnamenevisEditor('clear');
});

$('#example8').barnamenevisEditor({
    height: '200px'
});

// Disable on load
$('#example8').barnamenevisEditor('disable');

// Toggle edit mode
$('#toggleEdit').on('click', function() {
    // Toggle between enable and disable
});

$('#example10').barnamenevisEditor({
    height: '250px'
});

$('#contentForm').on('submit', function(e) {
    e.preventDefault();
    var formData = {
        name: $('[name="name"]').val(),
        email: $('[name="email"]').val(),
        message: $('#example10').barnamenevisEditor('getContent')
    };
    console.log('Form Data:', formData);
    $('#formResult').html(
        '<div class="alert alert-success">Form submitted successfully!</div>'
    );
});

// Include Persian language file
<script src="js/lang/fa.js"></script>

// Load custom Persian fonts
<link rel="stylesheet" href="fonts/mikhak/Mikhak.css">
<link rel="stylesheet" href="fonts/sahel/Sahel.css">

// Initialize with Persian language and custom fonts
$('#example11').barnamenevisEditor({
    language: 'fa',
    height: '500px',
    toolbar: 'full',
    fontFamilies: [
        'Tahoma',
        'Arial',
        { displayName: 'میخک (Mikhak)', value: 'Mikhak, Tahoma, sans-serif' },
        { displayName: 'ساحل (Sahel)', value: 'Sahel, Tahoma, sans-serif' },
        { displayName: 'وزیر (Vazir)', value: 'Vazirmatn, Tahoma, sans-serif' }
    ]
});