I am currently working on a MVC4 asp.net project(my first, before I worked with WPF and winforms, no real website expierience). And I want to make a editor/wysiwyg for comments that people can make on items on the site. Everything is already setup but the comments are just written in a <textarea/>. Now I googled a bit and found a bunch of WYSIWYG editors for javascript, however I can t find a good one, or a good way to solve this issue:
Lets say the site is about poker (it is not but it is for easy example) and when a person makes a comment like "h9 is better then s10" once he posts (or at the time he types, that would even be better). The h9 is replaced by a hearts 9 jpg (or we can create a div of it and it has a backgroundimage css property)(all the jpgs are on the server ofc). (Same for the S10 it should be replaced by the spade 10 card image)
I got no clue how I can fix this, so any help with what wysiwyg editor I should use for this problem and how I could get closer to fixing it, would really be appreciated.
Maxim
Related
Sorry if this question sounds stupid but im a noob with wordpress.
I am a javascript developer, and I want make a little game (or games) with wordpress. Opening main page there is a sliding puzzle. After complete, a button appears and clicking there you pass to another page. This is basically the same to all pages.
But I can't find were i put my javascript or HTML code. I create the pages but I can't edit them the way I want, everytime i try to do it i only can edit like word. I cant create, change or edit divs attibutes or tags. To be honest the only thing i can edit is CSS in stylesheet, but is too limited.
I have done the search, try found a solutions or ways to done it but when i look to tutorials is all diferent from what i see.
to give you an ideia I want to do a mix of this:
-> http://www.rustylake.com/room-escape-games/cube-escape-case-23.html
and this
-> https://ebonyriddle.com/
but i don't know how to edit page to page.
can you help me?
Thanks for everything
PS: I know I can do it without Wordpress, but I want use it anyway to learn more about the CMS (because of work) maintain website structure and later learn how to do my own templates or plugins.
To answer your question directly, yes it is possible (and easy, relatively speaking) to add custom code to every page / post of a Wordpress site.
More generally, you’re talking about creating a custom Wordpress theme, which you can find out more about here:
https://codex.wordpress.org/Theme_Development
and here:
https://developer.wordpress.org/themes/getting-started/ (Good suggestion from #ItsGeorge)
Regarding adding custom JavaScript to a theme, your files will need to be enqueued as per these instructions.
Outlining the steps involved in Wordpress theme development would go beyond the scope of your question, but there are plenty of resources online and answers to Wordpress specific questions on wordpress.stackexchange.com. You will need to familiarise yourself with php as well as JavaScript, to take full control of Wordpress.
I would say that developing a game feels like an odd fit... If learning Wordpress is your objective, a blog or personal website might be a better place to start, then you could move onto a game once you are familiar with the concepts involved, e.g. the loop, which plays a huge part in how Wordpress works
Good luck!
The primary focus of WordPress is to put HTML code and JS out of the user. You might manage your extra JavaScript files with your theme customization. If you want to get more control about how your pages are rendering, you should use action hooks and filters. The simplest way for you is to override each page template like this
https://developer.wordpress.org/themes/basics/template-hierarchy/#single-page
The preferable resource to ask Wordpress related questions is https://wordpress.stackexchange.com/
I'm redesigning a Squarespace site for a client who owns a cooking school. She uses an external booking site (Fareharbor) to manage her classes which are then embedded into the site using JavaScript widget. The embedded listings don't match the style of the rest of the site, which looks really unprofessional, so I want to update the styles to make them look better. I tried modifying it in the CSS stylesheet (both in page and for the whole site) and it did nothing (clearly the script takes priority). I've looked around and people have said there's a way to do it using JQuery or straight JavaScript, but while I'm pretty adept at following code instructions and have a little JS experience, I'm pretty new to this so I don't actually know where I would put whatever code I use to change it.
So my question is:
1) What is the best way to override the default appearance of the embedded script?
2) If the answer involves using JavaScript/JQuery to modify the appearance of the original script, how do I do that? (What is the code, and where do I put it).
The page I'm trying to modify is figcookingschool.com/classes (currently working on the first embed, with the pictures – assuming the answer to this will help me with the second!) and the code I was given to embed the JavaScript is:
<script src="https://fareharbor.com/embeds/script/items/figcookingschool/?full-items=yes&fallback=simple"></script>
One of the many things I want to do is change the border-radius to 0 on each box so if you want something to use as an example, that's a good one ;) Thanks in advance!!
The printer: TM-T88V
The Manual: https://files.support.epson.com/pdf/pos/bulk/tmt88v_swum_reve.pdf
A receipt-marker Web template for the printer: http://www.i-pos.nl/epson/
(Provided by Epson)
I'm a noob that doesn't know any computer languages. I've dug all I can but I still can't make sense of it all. I still don't know what I need to learn to print the receipts I want to print.
There's mention of XML, HTML, CSS, and Javascript. But I don't know which one I need to learn. And I don't want to waste time learning one I don't need for this specific purpose.
What I want is to make a receipt that looks very similar to that of another business who makes wonderful receipts, and who uses this printer.
Ideally this is just a txt document or something very simple that I can manually change the lines of and click print. I do not need any sort of POS program with text boxes, buttons, or anything on a website for now. I just need a simple, off-line, on-my-desktop type solution. I want to plug the printer into my computer, change a few lines of text or code, and print it and have it look like their receipt, except with my logo and address.
Even if I can figure out how to print a receipt I manually made in Illustrator. I'm content doing that as well.
Please help me figure this out.
Edit: Would it at all be possible to pay someone to make some sort of noob-friendly setup where I just change lines of text and click print and get the result I want?
Would this be costly?
Would I be better off learning how to do this myself?
According to this manual, page 64, it'll be Javascript. But this document talks about the TMT88V-i, and you have a TMT88V. I'd suggest you to try this out in order to be fixed.
Where can I find templates for html/javascript/css (something that uses notepad as an editor haha) please? I was hoping to find a template that displays some text or picture upon clicking such as follows:
Pardon dumb question. It's been 8 years since I've done this.
You can always use notepad as editor :D
here are some links for easy templates:
Free Templates
Without Pictures just some samples to put your code in ///
os-templates.com/free-basic-html5-templates
Here is also a very good website to directly put your code in and to get you result.
Learning HTML CSS again
Also you can find everything on this website for getting again started with HTMl and CSS also Javascript
Try on [W3C] easy examples to understand the image input again. w3schools.com/html/html_images.asp
Sorry I don't have 10 reputations to put more links in....
Ok,
I will not get full answer to this question, but perhaps somebody can give me a few tips, or tell me if it is feasable at all. The current situation is:
A printed out document created from a InDesign file.
No great structure in the data beside the visual markup.
The document is used as a GUIDE/CHECKLIST style.
So kind of "read some stuff" - "if yes page 20" - "if no page 34"
A little bit like these early TXT only adventures.
The client now want to "put this on a tablet" - the obvious approach is to take all the data, format it in some nice XML, write an app to render the data and provide the extra features.
Now, on the other hand, they are already close to their final product, a simple PDF rendering of the document looks nice on a tablet. There are some features missing, however, like "navigate back links" (you click, go to page 23, click there on "back" and are where you started).
I though I could do this with JS in PDF, but this does not work on Android. He just ignores the javascript (calculator example).
So now, before suggesting to implement your own solution, I am looking for something still close to the source. E.g. InDesign PLUS CODE.
I hope you get my drift. Perhaps another example: What you cant do with a simple Word Dokument, you do with VBA inside word.
What I cant do with a simple PDF I do with ??? + ???? on IPad/Android (we would not need both versions, one is enough, its a closed system, we control the device and the source file. Perfect for a standalone app, but overkill for step 1, I think).
Chris
You should consider going with iBooks for this. The format works really well with tools like In Design and you can use HTML5 tools to embed links, navigation, video, etc. You don't go the App Store route, but instead go with the iBookStore which can give just as good of a revenue option. The new iBooks Author will be a great tool, but even older tutorials will still work. Here is a good starting place