README

提供通用文件编辑接口的JavaScript库

用法

<link rel="stylesheet" href="dist/common-file-editor.css" />
<script src="dist/common-file-editor.js"></script>
<div id="common-file-editor"></div>

<script>
var commonFileEditor = new CommonFileEditor(
    document.getElementById('cont-common-file-editor'),
    {
        lang: "ja",
        read: function(filename, callback){
            // サーバーでファイルを読み込むAPIを用意してください。
            // callback には、base64エンコードされた文字列を含むオブジェクトを返してください。
            callback({
                "base64": base64string
            });
            return;
        },
        write: function(filename, base64, callback){
            // サーバーでファイルを保存するAPIを用意してください。
            // callback には、結果(true or false)を返してください。
            callback(true);
            return;
        },
        onemptytab: function(){
            alert('すべてのタブが閉じられました。');
        }
    }
);

// Initialize
commonFileEditor.init(function(){
    console.log('ready.');

    // Open Files
    commonFileEditor.preview('/file_a.txt');
    commonFileEditor.preview('/file_b.html');
    commonFileEditor.preview('/file_c.svg');
    commonFileEditor.preview('/file_d.jpg');
    commonFileEditor.preview('/file_e.gif');
    commonFileEditor.preview('/file_f.png');
});
</script>

更新记录 - 变更日志

tomk79/common-file-editor v0.1.2 (2023年11月13日)

• 捆绑了暗黑模式样式。
• 修复了文件关闭时标签页无法正确关闭的问题。

tomk79/common-file-editor v0.1.1 (2023年4月22日)

• 添加了选项 onemptytab。
• 添加了可预览的扩展名。
• 添加了 options.lang。
• 改进了样式。

tomk79/common-file-editor v0.1.0 (2019年8月21日)

• 首次发布

许可证

MIT许可证

作者

• Tomoya Koyanagi tomk79@gmail.com
• 网站: https://www.pxt.jp/
• Twitter: @tomk79 https://twitter.com/tomk79/