bjoerntx/test.js

## test.js
import React, { useRef, useEffect } from 'react';
import DocumentViewer from '@txtextcontrol/tx-react-document-viewer'

function App() {

  useEffect(() => {
    window.addEventListener('documentViewerLoaded', handleLoaded);
  }, []);

  const handleLoaded = (event) => {
   var html = "<html><p>This is a document</p></html>";
    var base64 = btoa(html);
    event.srcElement['TXDocumentViewer'].loadDocument(base64, "loaded.html");
  };

  return (
    <DocumentViewer
      width="1000px"
      height="800px"
      basePath="https://backend.textcontrol.com?access-token=yourtoken">
    </DocumentViewer>
  );
}

export default App;
	import React, { useRef, useEffect } from 'react';
	import DocumentViewer from '@txtextcontrol/tx-react-document-viewer'

	function App() {

	useEffect(() => {
	window.addEventListener('documentViewerLoaded', handleLoaded);
	}, []);

	const handleLoaded = (event) => {
	var html = "<html><p>This is a document</p></html>";
	var base64 = btoa(html);
	event.srcElement['TXDocumentViewer'].loadDocument(base64, "loaded.html");
	};

	return (
	<DocumentViewer
	width="1000px"
	height="800px"
	basePath="https://backend.textcontrol.com?access-token=yourtoken">
	</DocumentViewer>
	);
	}

	export default App;