angularjs - TextAngular fileDropHandler 文档

Question

我们刚刚将 textangular 升级到 1.2.2，因为它现在支持拖放。

已经在 textAngualrSetup 中看到 defaultFileDropHandler，但是，努力寻找任何文档来支持它或如何使用它。

defaultFileDropHandler:
    /* istanbul ignore next: untestable image processing */
    function (file, insertAction)
    {
        debugger;
        var reader = new FileReader();
        if(file.type.substring(0, 5) === 'image'){
            reader.onload = function() {
                if(reader.result !== '') insertAction('insertImage', reader.result, true);
            };

            reader.readAsDataURL(file);
            return true;
        }
        return false;
    }

基本上，我们希望允许用户拖动多个 pdf、word 文档等并在提交时上传。

我们可以通过将功能添加到设置页面中的 defaultFileDropHandler 的方式来解决这个问题，

我们通过以下方式实现 ta:-

<div text-angular data-ng-model="NoteText" ></div>

但是，有没有更清洁的方法来实现这一目标？

Answer 1

抱歉缺少文档!

基本上 defaultFileDropHandler 在 HTML element.on("drop") 时被触发事件被触发。

通过 textAngularSetup 文件实现这一点很好，但将全局应用于所有实例。要仅为 textAngular 的一个实例应用处理程序，请使用 ta-file-drop属性应该是作用域上与 defaultFileDropHandler 具有相同签名的函数的名称.例如:

Controller 中的 JS

$scope.dropHandler = function(file, insertAction){...};

HTML

<div text-angular data-ng-model="NoteText" ta-file-drop="dropHandler"></div>