رفتن به مطلب

ویرایشگر متن


پست های پیشنهاد شده

دوستان من پلاگین TinyMCE4 Formula Editor را خریدم (آدرس) اما نمیتونم فعالش کنم اگر کسی لطف کنه کمکم کنه ممنون میشم توفایل راهنماش نوشته(متون انگلیسی) من از ویرایشگر 

tinymce-advanced استفاده می کنم

TinyMCE4 Formula Editor Documentation

By: leaui
Email: leaui@leaui.com

Thank you for purchasing my theme. If you have any questions that are beyond the scope of this help file, please feel free to email via my user page contact form here. Thanks so much!
Live Demo


Table of Contents

  • 1. How to install it
  • 2. Files and Structure
  • 3. How does it works

1. How to install it - top

  1. Upload the files to the tinymce plugins’ folder.
  2. Update your tinymce configuration to add `leaui_formula` plugin, eg:
    tinymce.init({
            selector: "textarea",
            plugins: [
            "leaui_code_editor",
                    "advlist autolink link lists charmap  hr anchor pagebreak",
                    "directionality textcolor paste fullpage textcolor" 
            ],
            paste_data_images: true,
            toolbar1: "leaui_formula | styleselect formatselect fontselect fontsizeselect | bold italic underline strikethrough " 
    });
    
    Please Note that, you must set paste_data_images to true.

2. Files and Structure - top

The main files and directories contains:

  • plugin.js, tinymce4 plugin script
  • formula/, the formula lib and assets.
    • formula/js, the formula scripts
    • formula/assets, the formula images, styles
    • formula/resource, the formula fonts

3. How does it work - top

This plugin use the Kity Formula Editor as the fomular editor.

Firstly, the editor use the SVG to generator the formular, and when insert to tinymce, it get the formular's base64 image data and set the base64 data as the image's src.

How to init the fomular and get formula's data

In the plugin's main file: index.html.

Init formular editor:

var factory = kf.EditorFactory.create($("#kfEditorContainer")[0], {
        render: {
            fontsize: 24
        },
        resource: {
            path: "./formula/resource/"
        }
});

Execute Kity Formula Editor command to get data:

function getData(callback) {
    if(kfe) {
        kfe.execCommand('get.image.data', function(data) {
            callback(data.img);
        });
    } else {
        callback(false)
    }
}

And the plugin.js will call the getData function to get fomular's data.

How to save image's base64 data to a file

The formula in tinymce is a image which the src is the base64 data. If you want to save the base64 data to a file and change the src to a filename. There are two method to do it:

  1. Method 1: When post the data to server, you can post the images data to server firstly, and save the data on the server, the server return the data's filename, and you change the image'src to the filename. then post the modified data to server.
  2. Method 2: Post all the data to server. On the server, you must get the image's base64 data with Regexp and save the data to file, and change the image's src; then save the modified data to database;

Once again, thank you so much for purchasing this theme. As I said at the beginning, I'd be glad to help you if you have any questions relating to this theme. No guarantees, but I'll do my best to assist. If you have a more general question relating to the themes on ThemeForest, you might consider visiting the forums and asking your question in the "Item Discussion" section.

Leaui

Go To Table of Contents

ویرایش شده توسط sajjadh7713
لینک به ارسال

به گفتگو بپیوندید

هم اکنون می توانید مطلب خود را ارسال نمایید و بعداً ثبت نام کنید. اگر حساب کاربری دارید، برای ارسال با حساب کاربری خود اکنون وارد شوید .

مهمان
ارسال پاسخ به این موضوع ...

×   شما در حال چسباندن محتوایی با قالب بندی هستید.   حذف قالب بندی

  تنها استفاده از 75 اموجی مجاز می باشد.

×   لینک شما به صورت اتوماتیک جای گذاری شد.   نمایش به صورت لینک

×   محتوای قبلی شما بازگردانی شد.   پاک کردن محتوای ویرایشگر

×   شما مستقیما نمی توانید تصویر خود را قرار دهید. یا آن را اینجا بارگذاری کنید یا از یک URL قرار دهید.

×
×
  • اضافه کردن...