Inserting Mathematical Symbols into tinymce 4? - asp.net-mvc

How can i use mathematical symbols in tinymce.
I am using angular ui for tinymce, normally it's working fine.
But i want to insert mathematical symbols.
like
Is it possible.
Please help me. Thanks in advance.

I have developed some custom plugin solution:
Please take a look: https://github.com/Axel186/graphs-tinymce-plugin
With this plugin you will be able to put any Math content by using MathFont(MathJax)
If you are interested in some Graph editor, to build visual graphs/diagrams by using functions take a look at this: https://github.com/Axel186/graphs-tinymce-plugin
Those plugins are absolutely free and have a MIT license. Use it ;)

There are two nice tinymce plugins that will let you insert mathematical formulaes into tinymce.
Tinymce-Plugin from codecogs
Tinymce-Plugin from fmath

There is two tinymce 4 compatible plugins using math quill is available at
https://www.npmjs.com/package/tinymce_mobileequationeditor
https://github.com/laughinghan/tinymce_mathquill_plugin
You can install them by placing the code in the tinymce plugins directory, adding the plugin to the plugin and toolbar configuration option like the following
tinymce.init({
selector: 'textarea',
plugins: 'mobileequationeditor',
content_css: '/tinymce/plugins/mobileequationeditor/mathquill.css',
toolbar: [
'mobileequationeditor'
],
});`

Related

Formatting similar to Rebelly API using Redoc

As per redoc github page, there is an example of real life usage for Rebilly API. I really like its formatting and would like to use as my formatting as well. I have created open api yaml file using redoc but formatting that comes out of box is not that appealing.
Does anyone know how can we get same formatting as Rebilly API?
Rebilly is using a paid version of Redoc. You can test it for free at https://redoc.ly.
for the coloring, I think some basic theming/coloring is still possible in the free version of ReDoc. Try this online theme editor to see what are the available options: https://pointnet.github.io/redoc-editor/#/

NopCommerce Plugin Localization

I am working on a NopCommerce website and have quite a bit of site-wide customization so I have created a plugin to handle it all but not sure on how to handle the localization. I see there are a couple of ways of updating the Localization strings, one way I have found is in the Plugin's Install() method:
this.AddOrUpdatePluginLocaleResource("Plugins.Payments.PayPalStandard.Fields.AdditionalFee", "Additional fee");
This looks like it only adds new resource strings for the plugin, is there a similar way to update the other resources via the Install() method like:
Admin.Catalog.Products.List.DownloadPDF
I found that there is a way to export the entire language to a language_pack.xml file, would it be better to just create an entire language pack instead? Is there a way to add a new language pack from the plugins Install() method?
I guess I could simply open the language_pack.xml file and add each resource found using the AddOrUpdatePluginLocaleResource, I was hoping that there was a built-in way of doing this using NopCommernce functionality.
Thanks!
As #Raphael suggested in a comment, provide a language pack along with plugin file to the end users, and give an option to upload required resource file within your plugin configuration page.
As per as I know, there is no inbuilt way to add language pack on plugin installation, but you can do some code on plugin install method to find language pack file(s) from plugin folder and install it, not quite sure, you can take reference of inbuilt methods.

How to inject custom js files with grunt-wiredep?

Is it possible to inject my own js folder by grunt-wiredep task? Is there solution for it?
EDIT
I found grunt-inject, but I'm using jade view engine(that solution is only for HTML)
Doesn't look like it from first glance. Looks like it is exclusively dependent on wiredep which only scans bower.json.
The closest thing you can do is manage other JS dependencies through bower as well.
https://github.com/stephenplusplus/grunt-wiredep/issues/107
I am also looking for an alternative. I am also looking into grunt-inject, but no longer use jade on my projects.
https://github.com/ChrisWren/grunt-inject
https://github.com/klei/grunt-injector
https://github.com/scott-laursen/grunt-scriptlinker
If I figure out a jade alternative, and which one I chose, I'll update my post.

wkhtmltopdf internal links

I am using wkhtmltopdf to generate reports from my html templates, i am trying to generate an index for the output PDF.
The thing is that I want to achieve similar functionality to the indexes of microsoft word.
For this purpose I need to use several internal links among the document, so when clicking in the index of the PDF, it goes to page 10 for example.
Any clues about how to achieve this?
I am using wkhtmltopdf version 0.11.0 rc2 in Windows, but sooner or later I will have to move it to linux so I need a compatible solution among operating systems.
Thanks a lot in advance.
I got the solution by my self, but i just haven't check compatibility with Linux.
For achieving the internal links you add in the html:
Target of the Link:
<a name="name_of_target">Content</a>
Link to the Target:
Link Text
It works perfectly when converted to pdf.
It can be tricky. E.g. invisible (empty) links don't work as targets. Also, the structure seems to matter and not all valid html5 layouts work. E.g. I found that while this works:
<h2><a name="name_of_target">Target</a></h2>
this does not:
<a name="name_of_target"><h2>Target</h2></a>
Despite both being perfectly valid (in html5). (I'm using version 0.12.6.)
I had the same issue with wkhtmltopdf
wkhtmltopdf 0.12.2.1 (with patched qt)
with debian 9 installed with the package.
wkhtmltox-0.12.2.1_linux-jessie-amd64.deb
I enabled the internal links with the command option
--enable-internal-links
I used the target:
<a name="name_of_target"><div><img src="image.png">Content</div></a>
and the link
Link Text
But still not working, other link in the document worked well.
Then I replaced the div with a span and it worked.
<a name="name_of_target"><span><img src="image.png">Content</span></a>
The issue is related with the display block rule of div elements. When I added display block rule to the span the link not worked again.

How to Override Sproutcore's Namespace Captialisation

I'm working on a Sproutcore UI for a project called "BWUnit". When using sc-gen to create models, etc it converts "BWUnit" to "BwUnit" in the generated files. Is there a way to prevent this from happening so I don't have to manually edit the files, replacing "BwUnit" with "BWUnit"?
so SproutCore unfortunately doesn't support what you want out of the box. This is their naming convention: http://wiki.sproutcore.com/w/page/27759680/FiedNotes-Suggestions%20on%20running%20the%20Sproutcore%20framework%20on%20a%20Windows%20(7)%20computer%20using%20a%20specific
If you are brave, however, you can edit the built tools and change the behavior of how the project and app names are prepared:
https://github.com/sproutcore/abbot/blob/master/lib/sproutcore/models/generator.rb#L462
If this is a feature you want and need, please open an issue here:
https://github.com/sproutcore/sproutcore/issues
Cheers,
Johannes

Resources