This is a demonstration article constructed and rendered by this library. There are many different section types you can use for your articles, e.g. title, text, code, math, images, tables, citation, nested tabs and accordions. To reorder the sections use the drag-handle next to the type input field and drag it to the target position. Press save to update the output.You can also use tabs in your article. Just select tabs as type and create your own tabs. Each tab is a standalone documentation, similar to expansion panels. You can build deep nested documentations as you can see in the Deep nesting demo tab of the following tab panel. You can use as many nested expansion panels or tabs as fitting in your screen.
Deep nesting demo
Render a documentation
At first install all necessary dependencies by the following npm command.Import all necessary dependencies in your angular module. If you just need rendering import only DocuModule.In order to render the generated article just use the following tag and pass in the documentation as @Input.
Creating a documentation editor
Make sure that you have imported the DocuEditorModule first. This module provides a component docu-editor containing the complete logic for creating the article. Use the documentation input to patch the form, works with all the deep nesting.Use the save event to catch and store the saved documentation. The documentation data is contained in the $event variable. If you want to include images in your article, hand in the imageUrls via the suggested @Input().
To use latex in your documents just select math as the type and insert your latex expressions. Inline math for text sections is currently not supported.
There is an initial conditions problem with the following definition:
where y(t) is the exact solution. Runge-Kutta is a numerical integration method which determines the function value at different t 's and sums each value with a weight to get the next value.
The above equation is generated using the following latex expressionDisplaying data is a common task for writing scientific, educational or other types of posts/blogs/aricles or whatever. Therefore a table component can't be missed. There is example data in the following table.Setup an NgRX storeActions
At first create an enumaration which contains all the action keys. It is a good practice to prefix them with your features or entities names.Afterwards create the actions as classes which implement the ngrx Action class.Do this for the failed action as well, but with an error payload. Finally export the combined type.
Ups. No explanation found. ¯\_(ツ)_/¯. But did you now? Images are rendered as html5 figures if you add a caption.