Question

使用javascript，我需要创建一个.odt文件，并使用javascript变量中的数据填充内容。我发现的唯一可行的是WebODF。一个与它类似的例子是here。

当我尝试使用PDF（使用节点）执行与pdfkit类似的操作时，我可以执行以下操作：

PDFDocument = require('pdfkit');
var doc = new PDFDocument();
doc.pipe(fs.createWriteStream(fileName));
doc.text("Fist line");
doc.text("Second line");

是否可以使用WebODF执行与此类似的操作？我找到了ops.OpInsertText，但我不确定如何使用它来实际插入文字。

同样，理想情况下，解决方案仅在javascript。

Answer 1

这可能对你有所帮助。在这个例子中，我将从promt返回的Value附加到webodf中的光标位置。您可以类似地将数据插入任何其他元素offest（）。按crtl + space将显示一个promt，无论我们键入什么，都会插入odf。

function insertBreakAtPoint(e) {
    var range;
    var textNode;
    var offset;
    var key = prompt("Enter the JSON Key", "name");
    {% raw %}
    var key_final = '{{address.'+key+'}}';
    {% endraw %} 

    var caretOverlay=$('.webodf-caretOverlay').offset();
    if (document.caretPositionFromPoint) {
        range = document.caretPositionFromPoint(
            caretOverlay.left, caretOverlay.top
        );
        textNode = range.offsetNode;
        offset = range.offset;
    } else if (document.caretRangeFromPoint) {
        range = document.caretRangeFromPoint(
            caretOverlay.left, caretOverlay.top
        );
        textNode = range.startContainer;
        offset = range.startOffset;
    }

    #only split TEXT_NODEs
    if (textNode.nodeType == 3) {
        var replacement = textNode.splitText(offset);
        var keynode = document.createTextNode(key_final);
        textNode.parentNode.insertBefore(keynode, replacement);
    }
}

function KeyPress(e) {
    var evtobj = window.event? event : e
    if (evtobj.keyCode == 32 && evtobj.ctrlKey) 
        insertBreakAtPoint();
}

document.onkeydown = KeyPress;

Answer 2

如果我的问题正确，您希望使用JavaScript变量中的数据动态创建新文件。

您可以参考this answer以字节数组的形式从javascript变量加载文件。这将使您启动并运行odt文件，您可以将其保存到所需的位置。

function saveByteArrayLocally(error, data) {
    var mime = "application/vnd.oasis.opendocument.text";
    var blob = new Blob([data.buffer], {type: mime});

    var res = $http({
        method: 'POST', url: myWebServiceUrl,
        headers: {'Content-Type': undefined},
        data: blob
    });

    res.success(function(data, status, headers, config) {
        console.log(status);
    });
}

注意：您可以使用multer，express.js框架将服务设计为后端以保存文件。

使用WebODF / Javascript动态创建ODT

2 个答案: