sajjadh7713

ویرایشگر متن

1 پست در این موضوع قرار دارد

ارسال شده در (ویرایش شده)

دوستان من پلاگین 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
0

به اشتراک گذاری این پست


لینک به پست

برای ارسال نظر یک حساب کاربری ایجاد کنید یا وارد حساب خود شوید

برای اینکه بتوانید نظر ارسال کنید نیاز دارید که کاربر سایت شوید

ایجاد یک حساب کاربری

برای حساب کاربری جدید در انجمن ما ثبت نام کنید. عضویت خیلی ساده است !


ثبت نام یک حساب کاربری جدید

ورود به حساب کاربری

دارای حساب کاربری هستید؟ از اینجا وارد شوید


ورود به حساب کاربری