需要实时地从带有css的表单输入样式

Ok im struggling to find anything on this as im probably searching the wrong keywords.

好吧我很难找到任何关于这个,因为我可能正在搜索错误的关键字。

I have a backed form thats use to display content on a page. When entering the details i want to be able to use a basic text editor to style the text, like bold, bullets, underline.

我有一个用于在页面上显示内容的支持表单。输入详细信息时,我希望能够使用基本文本编辑器设置文本样式,如粗体,项目符号,下划线。

On top of that i would also like to allow them to wrap section in paragraph tabs, apply a certain style i.e style id="x".

最重要的是,我还想让它们在段落标签中包含部分,应用某种风格,即样式id =“x”。

Its more for backend so it doesnt have to be really user friendly but if there was an uncomplicated way of showing the styles in the form as i apply them, basically a WYSIWYG view. If not i will settle for applying the styles without having to see all the hmtl and css tags in the editor but when the information is passed via the INSERT query it will show pass all the relevant code like

它更适用于后端,所以它不一定非常用户友好,但如果有一种简单的方式在表单中显示样式,我应用它们,基本上是一个WYSIWYG视图。如果不是,我将满足于应用样式而不必在编辑器中看到所有hmtl和css标签,但是当通过INSERT查询传递信息时,它将显示传递所有相关代码,如

My Style and so on.

Now im quite happy to spend the time learning how to do this if you point me in the right direction but i have no idea what keywords to search. Ideally if there is a script out there i can just edit to my needs would be great too rather than starting from scratch.

现在我很高兴花时间学习如何做到这一点,如果你指出我正确的方向,但我不知道要搜索什么关键字。理想情况下,如果有一个脚本,我可以编辑我的需求也会很好,而不是从头开始。

Finally since im learning php and mysql still keeping it dumbed down will help and also since my values im passing is going to be full of characters the code wont like what functions should i look up to pass the code and content into the database to avoid breaking the code

最后,因为即时通讯学习php和mysql仍然保持愚蠢将有所帮助,而且因为我的值传递将充满字符代码不喜欢我应该查找什么功能将代码和内容传递到数据库以避免破坏代码

1 个解决方案

#1

I'm not entirely sure what you mean, but it seems you can achieve what you want using an editor like for example TinyMCE in combination with JQuery? With JQuery you can show/hide items and ander your css like

我不完全确定你的意思,但似乎你可以使用像TinyMCE这样的编辑器结合JQuery实现你想要的东西?使用JQuery,您可以显示/隐藏项目并为您的CSS提供安全性

$("p").mouseover(function () {
   $(this).css("color","red");
});