chrome 不支持 application/rtf 类型

Question

我需要在我的 HTML 中显示 rtf 文件。我正在使用对象标签将我的文件嵌入 html。

当我使用下面的代码时，显示插件不受支持。有什么方法可以在 HTML

中显示 rtf 类型的文档

<object data="assets/display.rtf" type="application/rtf"></object>

注意：我可以使用相同的方法显示 PDF 文件

Answer 1

尝试了很多之后发现了一些东西。

首先我从 link 下载了 rtf.js。 rtf.js . Then went through this link. getting started with rtf.js。（下载整个 dist 文件夹并将其放入您的 html 文件夹。dist 文件夹不包含 jquery min js 请下载它。并将所有脚本文件包含在您的 html 中）。下面是我修改的代码。（整个 rtf 将被转换为对象）。除了以下代码外，请包括 rtf.js 给出的默认代码。（请确保您的 rtf 文件的格式正确。）

const rtf = 
`{\rtf1\ansi\ansicpg1252\deff0\deflang1033{\fonttbl{\f0\fnil\fcharset0 Calibri;}}
{\*\generator Msftedit 5.41.21.2510;}\viewkind4\uc1\pard\sa200\sl276\slmult1\lang9\f0\fs22 This \fs44 is \fs22 a \b simple \ul one \i paragraph \ulnone\b0 document\i0 .\par

{\colortbl;\red0\green0\blue0;\red255\green0\blue0;}
This line is the default color\line
\cf2
This line is red\line
\cf1
This line is the default color
}
}`;




<div id="display">

</div>

<script
          src="https://code.jquery.com/jquery-3.3.1.min.js"
          integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8="
          crossorigin="anonymous"></script>
<script>
  doc.render().then(function(htmlElements) {
     //console.log(meta);
     //console.log(htmlElements);
     console.log(htmlElements);
     var display = document.getElementById("display");
     for(var i=0;i<htmlElements.length;i++){
        //console.log(htmlElements[i][0].innerHTML);
        display.innerHTML+=htmlElements[i][0].innerHTML; //RENDERING ALL DIVS INTO display DIV
     }
     }).catch(error => console.error(error))
</script>

chrome 不支持 application/rtf 类型

chrome not supporting application/rtf type

html

rtf

angular