How to Save Text Editor's text into Database and Retrieve data with exact CSS [Text Editor]

hello viewer welcome to my channel this is interesting rotten in this video you can see how we can use this kind of editor in our project and save the editor text whatever it is bold or italic or font color is green or blue in a word whatever you type on this editor in any style we will save that text with exact style in our database and also return it from database and display on our interface in this text area so let's see how we can do it let's create our database open SQL server new database teacher I'm going to take a table ID which is primary key and text size is max say primary key and make it auto increment editor table now open visual studio create an MVC project it's been open web application select MVC you okay there's taken model class text-editor this is the properties ID text let's create a business logic I'm gonna check another folder or business logic class takes edit or BL so SQL connection okay here we have to write our database connection string view server Explorer connect to database server name localhost text editor my database okay right-click properties here is my connection is trained copy okay John I'm gonna write my safe metal table name is text editor table when we save takes daily tour dates into database we have to encode it first there's why I write this here where utility dot HTML encode our text I'm gonna write another method for gate that changed table name is you I will say one takes in database and want to get that text that's why I used up one let's create our takes edit or counselor controller in this x1 result and I am going to take an HTTP POST for save method another for gate method now I'm gonna use a free plugin for text editor which we will find on Google let's open browser try jqt see text editor download click on download button then extract files I only need these three files one Beansie one CSS and one J is fine let's take another folder give name say text editor contents and existing item okay add let's create our view so views add folder text editor checking a CS HTML page index no need this is my basic HTML where I take two text areas this one and this one one for saving our text and another is for see the output now we have to link the J a CSS of these plug-in so drag and drop and this is for jQuery and our plugins jjz script by extra JavaScript rate document.ready i want to apply our plugin on this text area so copy ears tidy dodge and the plug-in name is j QT e [Music] now I'm gonna take 2 as X call one for save and another is for get our output so for this button safe I am copy pasting this code and for this gate button I'm gonna try this event has Xcode now go to layout Garces HTML page I know Nate this whole code I make it simple done and go to every start config make it our controller name takes a teacher so the basic task is done let's run our project okay let's type something here hello world welcome to my channel make it bold channel red color make it italic underline click on Save button sit let's open our database refresh so this is our encoded fellow now I want to retry this data so we have to decode it in our business logic class so open project go to business logic plus here we can see with decode our bit right data now if I click on this gate button here we can see world is in italic form welcome underline thumb I here bold and red color applied on this channel word so in this way we can use a teacher in our project thanks for watching if you like this video then please like comment and share and obviously subscribe my channel for new video tutorials thank you you [Music]

Channel: Thumb IKR - Programming Examples

Views: 32,095

Keywords: Imrez Khan Ratin, Thumb IKR, Save and Retrieve text from Text Editor, Use of text editor, how to use text editor, text editor in asp.net, text editor in mvc, save text editor data into database, text editor database, retrieve data of text editor from database, text editor use, text editor plugin, use of free text editor plugin, database and text editor, asp.net text editor, jqte text editor download, use of jqte plugin, use of jqte text editor, jqte plugin in asp.net, jqte

Id: GHGJV3qrYEI

Length: 13min 7sec (787 seconds)

Published: Tue May 15 2018