To use 3D functionality in the MOGL3D Editor, the three.js module must first be installed, followed by the installation of the threeModule.js from MOGL3D.
\r\n\r\n* #### three.js module\r\n\r\n```html\r\n \r\n```\r\n\r\n\r\n To use the 3D file upload feature, the main library must be installed. Insert the JavaScript script tag between the
tags in the HTML. \r\nIf there is no need to upload 3D files, the 3D module does not need to be installed. However, if 3D functionality is required, please follow step below to install the 'threeModules.js'.\r\n\r\n\r\n\r\n* #### threeModule.js\r\n\r\n```html\r\n \r\n```\r\n\r\n❗Note: The three.module.js module must be included at the top. After installing the three.js module library, the three object must be imported using the importMap method.\r\n threeModules.js depends on the three.js module.\r\n
\r\n\r\n\r\n The icons in MOGL3D Editor use the Font Awesome library. Therefore, please install the Font Awesome CSS library via CDN before installing the MOGL3D Editor CSS library.\r\n
\r\n\r\n* #### install font-awesome.css\r\n```html\r\n \r\n \r\n \r\n \r\n```\r\n\r\n ❗Note: install the 'mogl3d-style.css' library below the 'font-awesome.css' library.\r\n
\r\n\r\n\r\n The basic usage is as follows:\r\n
\r\n\r\n```html\r\n\r\n\r\n\r\n\r\n \r\n \r\n \r\n \r\n \r\n\r\n \r\n \r\n\r\n\r\n\r\n\r\n\r\n ❗Note: 「element」 and 「editorName」 keys within the object are essential required. \r\n
\r\n\r\n\r\n If no options are configured, all features will be enabled by default. To use specific features only, options must be set accordingly (further explanation continues below).\r\n
\r\n\r\n Specific features can be included in the text editor through the actions object, which is the second parameter of the new MOGL3D() instance.\r\n
\r\n\r\n```html\r\n \r\n```\r\n\r\n\r\n Items specified with the actions list values are as follows:\r\n
\r\n\r\n- 「 italic 」👉 Make text Italicize\r\n- 「 bold 」👉 Make text Bold\r\n- 「 underline 」👉 Make text underline\r\n- 「 strikethrough 」👉 Strikethrough text\r\n- 「 fontMenu 」👉 Change font size and styles\r\n- 「 textColorMenu 」👉 Change font color and background color \r\n- 「 alignMenu 」👉 Change font alignment\r\n- 「 line 」👉 Make Horizontal line\r\n- 「 olist 」👉 Create table of contents\r\n- 「 quote 」👉 Make blockquote in sentences\r\n- 「 ulist 」👉 Create numbered lists\r\n- 「 filesMenu 」👉 Make file upload menus\r\n\r\n\r\n\r\n The onChange function is responsible for retrieving the values recorded in the text editor in real time.\r\n
\r\n\r\n As of version 1.1.2, the only available plugin is threeModules. To use the 3D source upload feature, you need to include this plugin as shown below.\r\n
\r\n\r\n ❗Note: As of version 1.1.2, 「threeModules」 need to import \"ThreeModules\" from './plugin/threeModules.js'\r\n
\r\n\r\n\r\n An example for saving data from a text editor to a server is as follows.\r\n
\r\n\r\n* `.getOutputData( ⓐ )`\r\n\r\n\r\n the result of `[ your editor (id:editor)node ].getOutputData( [your editor (id:editor)node] )` returns \"code\" & \"files\" values. \r\n to transfer server these datas, \r\n ① converting code to string\r\n ② files to blob \r\n
\r\n\r\n\r\n❗Note: ⓐ is an instance of MOGL3D. Since we declared new MOGL3D() to the myEditor variable above, you should assign the myEditor variable as the value for ⓐ.\r\n
\r\n\r\n❗Note: The use of either 「async-await」 or 「promise」 syntax is mandatory\r\n
\r\n\r\n
\r\n The following complete code is an example related to receiving content from an editor and transmitting it to a server, or implementing content received from a server into the editor.\r\n
\r\n\r\n The getOutputData() method returns the following three outcomes.\r\n - 'code' : 「String」 HTML code within the text editor\r\n - 'files': 「Object」 3D files\r\n - 'scenes': 「Array」 Array of classes where the 3D file is embedded\r\n
\r\n