How to configure tablecellproperties in ckeditor 5 - ckeditor

Maybe because I am an autodidact, but eventho I've coding for some years I cannot seem to figure this out. I feel like a noob. And this is a lot of text for a rather small question.
I set up ckeditor 5 without problems. But I need to be able to use tables and do a little formatting. Adding tables was not a problem either.
But then I needed to adjust the vertical alignment of the tablecells. There's a nice description of how to use colors, but that's no what I need.
Currently I have my tabel's contenttoolbar configured like this
contentToolbar: [ 'tableColumn', 'tableRow', 'mergeTableCells', 'tableProperties', 'tableCellProperties' ]
Then I want to configure the table(cell)properties, something like this:
tableCellProperties: { verticalAlignment: [ 'top', 'bottom' ] }
Now I know whatever I wrote next to tabelCellProperties is not correct. But I just haven't got a clue what I write there. I searched through the ckeditor docs, Stackoverflow, googled to other sites. I just can't seem to find what must be done.

Solved it...
Apparently my custom build had missed the plugins TableProperties and TableCellProperties. Eventho I was quite sure I had them selected, I had not.
I created a new build, et voilá! It works like a charm.
Tip for airheads like me: Make a screenshot of your build, because its hard to tell afterwards what you did or didn't include.

Related

Silly suggestions SASS VS Code

I don't want to turn suggestions off altogether. I just want them to not be this dumb. How do I tell VS Code to stop doing this when editing SASS? It is really weird because I don't find things like variable names being suggested. Current functionality yields only these type of annoyances, and I've got the useful "editor.acceptSuggestionOnCommitCharacter": false already, which greatly improved experiences when editing JS and HTML, JSON and more. But, here, this setting seems ignored.
Perhaps the answer I'm looking for is to the question, "Where are these red($color) suggestions coming from and how do I turn that off?"
BTW, my example with the string value "red" is something I do just to make it really obvious my SASS is being compiled/watched.
There are a bunch of suggestions you can turn off in settings. For example:
Editor > Suggest: Show Colors is true by default, disabling it you won't get those color suggestions anymore.
Under Editor > Suggest: ... there are lots more you might want to disable.

Adding Custom Markdown to Middleman

Environment
Middleman (Latest), Red Carpet MD Renderer
Problem
I'd like to make definition lists using custom Markdown
Background
I'm new to MD, let alone making a custom parser for it. While I've read several articles, I feel like I'm missing something because they don't seem to work.
Research
http://aalvarez.me/blog/posts/custom-markdown-in-middleman.html
Great article, but too specific in examples that don't directly relate to making a definition list.
http://eng.rightscale.com/2015/10/14/custom-markdown-in-middleman.html
Closer, but this seemed overly verbose for something seemingly more simple.
https://github.com/vmg/redcarpet
I've read the docs, but I can't figure out how to apply this to middleman. As the two previous articles mentioned, middleman docs don't really explain how to override the red carpet renderer.
I'm totally open to solutions that exist. I just can't seem to find any!
Thanks

create a simple (and visible!) UI slider in Unity 5

![enter image description here][1]please I need some help, this should apparently be something very simple and basic to do, but maybe I'm missing something.
I'm quite newbie to Unity3d, I had no much problem with creating a somewhat flashy 2.D scene (I mean 2D with different layers in Z level), scripts, etc. But I'm having trouble to create a "UI Slider" object: when I create it, it just shows nothing on screen. How can I make it visible? I just need to create a very simple, plain slider whose value can be controlled at runtime by means of a script.
thanks.
Well.. since you give nothing to go on, I suggest that you take a look at a tutorial for the UI:
https://unity3d.com/learn/tutorials/modules/beginner/live-training-archive/using-the-ui-tools
If you have troubles after this tutorial, come back with an example of your problem to make people more willing to sacrifice their time in helping you.
Hope this is somewhat useful
Take a look at the Unity3D docs here.
http://docs.unity3d.com/Manual/script-Slider.html
It should have what you are looking for.

How to make a website menu exactly like the one right here on stackoverflow on ASP.NET MVC 4?

I started using asp.net MVC 4 and I don't quite understand how could I accomplish simple tasks like making a simple navigation menu for my website, I would like it to be just like the one here on stackoverflow where the images change on mouse over and also link to their corresponding pages.
what used to be a few minutes of work with HTML (in Dreamweaver for example) now takes much much more time and thought (at least for me).
Investigating about the 3 elements I've mentioned got me here:
How to show an image- even that is not easy, I have looked everywhere for something that looks like an ideal solution but couldn't find any! even here on stackoverflow, some solutions are involving writing long lines of code in the name of "Helpers", and I could dig into it but there are so many different solutions, and I wouldn't know which one is right.. why can't there be just one standardized solution?
How to link an image- also an issue, that i understand that I need to set the controller in the parameters list but again I ran into and issue that I might have found the solution for I just need to test it, I have read that I could have different methods inside of one controller and in this way I will not have to have one controller for each link. I will try that, better solutions are welcomed.
How to swap an image on mouse over- also looks crazy for me, I have found one solution where there are long lines of code for this here: http://www.codeproject.com/Tips/329596/MVC-3-Helper-for-Hover-Images
I am kind of disappointed that just for putting up the logo image and linking it I spend days! I do have background in .net c# HTML+CSS etc'.. so I am asking myself (and you guys) why does it have to be so unclear and not friendly?
Come on.. what am I missing? is there any library of helpers everybody is using or something like that?
I am still in the process of learning MVC 4 and I know I'll get it but I would've expected accomplishing these kind of simple tasks a lot faster.
also, in Microsoft examples, I have never found an example where they put a logo or a menu image, it is always plain text! so annoying and frustrating...
I will very much appreciate any help..
Thanks a lot!
Roy.
Start with http://www.asp.net/mvc/mvc3 and understand what are the paradigms of it and what is the differance between webform and mvc systesm.
Basically you need to understand how the masterpages are evolved in mvc or what is the replacement of master pages in mvc.
This is clue to what you want to achieve.
Now if you want to put the Image button in which if you hover and color will change then you need to do following steps.
Create a button first e.g
Html.ActionLink("YourButtonName", "Index", null, new
{#class="hoverButton" })
Now you need to create two classes in your css file with name hoverButton which contains property to show image and hoverButton:hover show image when you hover over the link. Like following.
hoverButton {
margin-bottom: 10px;
width: 160px;
height:160px;
display:block;
background:transparent url('Button.png') center top no-repeat;
}
.hoverButton:hover {
background-image: url('hoverButton.png');
}
This way when you hover over to button it will display different image in mvc view menu item.
Hope you understand the concept and it helps.

How did they do that? Keystroke Text Animation

I found this website, and I can't figure out how they made the text animation on top work. It looks like jquery, but I can't figure out the code. Does anyone know what they used to make the keystrokes appear on this website?
http://nine2011.9elements.com/
Have a look at this:
http://www.burnmind.com/tutorials/typing/
The tutorial:
http://www.burnmind.com/howto/how-to-create-a-typing-effect-an-eraser-effect-and-a-blinking-cursor-using-jquery
That seems like exactly what you were looking for.
Looks like they fill the 'canvas' section by writing one div (each with one letter) at a time, and deleting them one at a time, using a Timer (maybe 250ms?) for each action. All possible using JavaScript document manipulation; easier with jQuery though.
I can't find a really good tutorial on how to do it with vanilla JavaScript, and there's always cross-browser quirks, so you'll just have to play around if you want to do a similar effect.

Resources