Ngx angular editor

Calendar. This project needs internet to work effectively. Using HTML as the template language, Angular 8 offers developers the possiblity to create their own components. ngx-uploader – Angular File Uploader. Links. There are so many WYSIWYG Editor modules for Angular but I like ngx editor npm the most because it is easy to implement and use. I assume that you already have basic knowledge of Angular and AngularCLI is already installed on your system. JSFiddle or its authors are not responsible or liable for any loss or damage of any kind during the usage of provided code. Create Angular 5 Application. Bootstrap widgets for Angular: autocomplete, accordion, alert, carousel, dropdown, pagination, popover, progressbar, rating, tabset, timepicker, tooltip, typeahead Using this Module you can utilize the Monaco Editor as an Angular Component. This is a handy little tool which you can use to edit your json files all at once. It lets you define translations for your content in different languages and switch between them easily.


AngularJS HOME AngularJS Intro AngularJS Expressions AngularJS Modules AngularJS Directives AngularJS Model AngularJS Data Binding AngularJS Controllers AngularJS Scopes AngularJS Filters AngularJS Services AngularJS Http AngularJS Tables AngularJS Select AngularJS SQL AngularJS DOM AngularJS Events AngularJS Forms AngularJS Validation Angular Material Material Design components for Angular. Angular Expo is a beautiful showcase of websites, applications and experiments using the Angular JavaScript framework. In this blog post, We are going to learn ngx-quill WYSIWYG rich editor with integration in Angular 2/4/5/6 versions. Get started + Sprint from Zero to App. Everything works fine, however, if I wanted to upload and resize an image in the text editor, I need to include an additional plugin, ImageResize. A list of tutorials covering Angular and how to translate your web application using ngx-translate and ngx-translate-extract. Due to follwoing reasons, we have decided to use ngx-translate instead of Angular-i18n in our projects, This angular 4 tutorial is the extended part of Add,Edit and Delete Example Using Ng2-smart With Angular 4 -Part I. AngularJs version 5. . Install from npm repository: npm install ngx-monaco-editor --save For angular version 6 use v6. angular v5 - ngx-quill > 1.


Text-Editor/Wysiwyg editor for Angular. Description: Yet another simple WYSIWYG text editor for Angular 2+ applications. Supports Angular (ngx-translate), React (react-intl) and other frameworks that use JSON to store translations. Show & edit events in a calendar view Using this Module you can utilize the Monaco Editor as an Angular Component. 1. Download and open this project in your code editor. Learn how to easily add internationalization support for your Angular application to begin your localization process. ngx-quill is an angular (>=2) component for the Quill Rich Text Editor. For the demo purpose, I’m going to create a basic student record management system app in which a school admin can do the following things. This angular 4 tutorial is the extended part of Add,Edit and Delete Example Using Ng2-smart With Angular 4 -Part I. Angular is a development platform for building mobile and desktop web applications.


json and installed Angular is a platform for building mobile and desktop web applications. This template is based on Nebular framework, documentation and other useful articles could be found here. Adding Pagination into angualr 4 smart table column. Let’s directly go to the implementation with the below All code belongs to the poster and no license is enforced. Net Core Web API. A Simple WYSIWYG Editor for Angular 6 Apps. I receive ERROR from loader. first, lets create a project in angular. Anything about Angular makes me answer here :) - ngx-bootstrap provides support for both Bootstrap 3 and Bootstrap 4 and works with Angular 2+ whereas ng-bootstrap supports only bootstrap 4 and works with Angular 5+. It is a UI component used to create/design documents online, you can see the output of the document online. We also include Silk Seed Project Check it out Silk is an Angular 7 admin template that uses Bootstrap 4.


Note: If you are using angular-cli to build your app, make sure that cookieconsent is properly listed as a global library, and as global style. Angular is a platform for building mobile and desktop web applications. Check out the demo on StackBlitz. Dependencies. An Angular Editor. Angularscript. I am using Angular Cli and ngx-monaco- I am using ngx-editor for creating wysiwyg editor for my MEAN stack application. ngx-editor[_ngcontent-c4] . It provides a way to build apps for any deployment target by reusing existing code. This extension should be used withe angular translation library ngx-translate It searches translation keys (normally located in a [language-code]. ts, .


So you don’t need to include original JS components, but we are using markup and CSS provided by Bootstrap. The first chapter in the course is a quickstart where you dive straight into writing your first Angular application. quill. We will share CRUD operation with HTTP into next smart tutorial, We will use sample HTTP rest api to get data and display into angular 2/4 smart table tutorial. To help get you going, here are 11 popular and useful Angular component libraries you should consider for your next Angular app. 0 framework and Bootstrap is used. To display an icon from an icon set, use the svgIcon input in the same way as for individually registered icons. This is a fork of ngx-quill , this package would support all the existing features and also additional new feature of table support for quill editor which is added in the latest dev version of quill Angular 4 Pagination Using ngx-pagination. ngx-editor-textarea[_ngcontent-c4] { height: 300px !important; } but still its not working. Anyone has a good workaround until ngx-editor supports 5. PeerDependencies.


it also has World's Leading Angular Datagrid Component Overview. If you are new in Angular and then please check my old post related to Angular 7 for basics information. This angular 4 and smart table tutorial will have Add record into MySQL database, edit record and update data into MySQL and delete record from smart table. js or . ts file. With 75+ examples and still counting. I am using ngx-editor for creating wysiwyg editor for my MEAN stack application. Then there is an index Integrate Monaco editor with Angular Most of developer I know using Visual Studio Code and so do I, it was a great editor. I wanted to include ngx-toastr to send notifications to users but it isn't working as expected. When I trigg ng is a short form to refer to Angular, and x is commonly used (in math, or language) as a placeholder for a constant. You can also read the second part How To Read QR Codes In Angular ? First ,lets start by creating an Angular 4 project using the Angular CLI .


This is material design in AngularJs framework. WYSIWYG Editor It is abbreviated as what you see is what you get. We can create a sample app using the angular command line, I will also add the dependency bootstrap like if you want to use bootstrap CSS into angular 4, jquery etc. Feel free to contribute, raise feature requests and make it better. Unfortunately, there is no way to update from ng2-admin to ngx-admin, but some parts (Nebular components) could be manually included. Hello to all, welcome to therichpost. Angular2) submitted 1 year ago by solcanmihai As the title says, do you know any open source WYSIWYG editor compatible with angular 2/4? We put much effort making ngx-bootstrap modular so that you can implement own templates, styles, whatnot. Edit translation files for Laravel, Angular, Ngx-Translate, VueJS, React, React-Intl and many more. Install ngx-translate/core. ngx-translate-zombies. link Indeterminate state <mat-checkbox> supports an indeterminate state, similar to the native <input type="checkbox">.


Supports all the options available in monaco-editor Monaco Editor Options. /ngx-editor. net Web API Using Entity Framework and then consumed from an Angular 5 Application. Autosize Input / Textarea. if you want to know how to create a project in angular, you can check it here . Make sure to use the appropriate version of the ngx-quill based on the angular version you use, 1. LiveDemo with Code see here https: Edit your translation files in parallel. Setup Installation. Default; Fully select; Numeric; Numeric with unit; With ng-content; Fully selectable with ng-content Ngx-formly is the Angular (2+) counterpart for doing this job. To avoid specificity issues, just add your own custom class name to the element, which will allow your styles to override the defaults: Some of the buttons on the toolbar has invalid icons when using the latest version of font-awesome 5. js for angular.


Toastr Notifications are the well designed popup message and easy to use and implement. Angular markdown editor based on ace editor - 1. Awesome image editor for Angular 6. ngx-quill . In this article, we will mainly focus how to implement CRUD(Create, Read, Update and Delete) operations in Angular using ngx-bootstrap with API created in Asp. Contribute to hggeorgiev/ngx-image-editor development by creating an account on GitHub. x In this article, we’ll create a CRUD application using Angular 5 with Web API. This is an Angular Wrapper for the TinyMCE WYSIWYG HTML editor. Font-Awesome v4. Using this Module you can utilize the Monaco Editor as an Angular Component. to use in my angular projects.


In this case, it's the placeholder of the Angular version. Note - When using Angular >= 7 and CLI >= 7, you can simply use ng add for installing ngx-build-plus. tns create projectname --ng cd projectname tns platform add android tns platform add ios 2. com provides latest, free AngularJS modules, components, directives, services, filters, plugins and other related resources for modern web and mobile development. How to set up ngx-translate Optional: Create a Angular 7 demo project. Here are some Angular 2/4 Image Gallery Demos including some responsive image galleries designed in high resolution to help you build your next awesome Angular app. Navigation and other important components are automatically adjusted for smaller devices. i had already created a project so, i'm going to use that. ngx-editor depeneds on the following libraries to work. Open the terminal again and install the ngx Edit Pages in Your Angular Covalent follows the Material Design specification as closely as possible through the construction of all components. Enable and Disable Filtering into angular 4 smart table column.


json as such: $ ng new socket-app --routing = false--style = SCSS $ cd socket-app $ npm i ngx-socket-io --save ## This is an Angular wrapper over socket. Now, we have shifted to angular and it has Angular-i18n lib for translations. When I trigg In my previous article, I described how to integrate Rich Text Editor in SharePoint Framework (SPFx) Angular webparts. html files in the current workspace and shows unused keys inside a diff editor. I have tried to set height in the css file for the component like . From the initial stages of development up to its launch, a Angular project generates plenty of code. You can get the full source code from out GitHub. WYSIWYG Editor for Angular Applications. We will use PHP rest API to get all employee data from the server in JSON format and store into a variable. ngx-bootstrap is one of the most popular Angular UI components library. About The System.


Face Detection And Face Recognition In Angular – ngx-face-api-js. I’m using the ngx-editor (https: We will continue supporting ng2-admin version, but if you are starting from scratch we recommend using ngx-admin version. For ngModel to work, You must import FormsModule from @angular/forms. io client libraries $ ng g class document $ ng g c document-list $ ng g c document $ ng g s document That it’s, the Ionic 4, Angular 7 and Cordova Crop and Upload Image tutorial. ngx-translate/core is a npm package and can be installed with the following command. Learn More ☞ Angular 7 (formerly Angular 2) - The Complete Guide ☞ Angular & NodeJS - The MEAN Stack Guide ☞ Ionic 4 - Build iOS, Android & Web Apps with Ionic & Angular Home meta description. js – textAngular. Here we are not going to explain what Angular 5 is or the difference between Angular 2 and Angular 5. Bug tracker Roadmap (vote for features) About Docs Service status If Angular Material Design is not setup, just run ng add @angular/material learn more. angular v6 - ngx Angular is a full framework with all the tooling and best practices designed on top of it. Everything is working fine but I want to set height for this editor.


Angular2 datatable for handling large and complex datasets in table format The config property is a JSON object. x. 3? I need any help with the integration of monaco-editor in Angular 5 app. In this post, I will tell you, Angular 7 Toastr Notifications Working Example. Loading Loading Edit your translation files in parallel. Join the community of millions of developers who build compelling user interfaces with Angular. Contents. Nowaday developer also using web browser editor to share their code snippet or small project or even doing technical interview. com. Earlier, with AngularJs, we were using Gettext-translate. Such technique is also known as click-to-edit or edit-in-place.


- ngx-bootstrap is having more I'm currently developing a web app using Angular 7. How do we display the value of Editor control in a page. List of ngx-translate tutorials . Installation: # Yarn $ yarn add ngx-editor # NPM $ npm install ngx-editor –save For ngModel to work, You must import FormsModule from @angular/forms. A list of tutorials covering Angular and how to translate your web application using npm packages like ngx-translate. Alloy Editor is a modern WYSIWYG editor built on top of CKEditor, designed to create modern and gorgeous web content. 7. Angular offers lifecycle hooks that provide visibility into these key life moments and the ability to act when they occur. List of Angular translation and i18n tutorials . Actions Button for add,edit and delete row. Open the terminal again and install the ngx Edit Pages in Your Angular I am going to share with you how to create Angular 7 Firebase5 CRUD Operations using Reactive Forms.


Bug tracker Roadmap (vote for features) About Docs Service status Buy Angular 7 Admin Template by TrendSetterThemes on ThemeForest. This tutorial shows how to build a basic wiki-style app with Angular and Firebase. Github Project ngx-datatable is an Angular component for presenting large and complex data. Adopting Material Design as our own spec allows our UI/UX staff to adopt and share powerful open-source resources, while Covalent end users enjoy the immediate familiarity and affordance of this global deign spec. io If Angular Material Design is not setup, just run ng add @angular/material learn more. In my angular 6 application, I'm implementing the rich text editor, ngx-quill. Home; How to set RTF Text to ngx-editor. Description: ngx-inline-editor is a library of Angular (version 4+) that allows you to create editable elements. With the following commands we create a new project and add the Android and iOS platforms. For more use cases definitely check out the official ngx-formly repository on GitHub. npm install ngx-quill --save.


0 2. ngx-ckeditor demo page - GitHub Pages In this article, we will mainly focus how to implement CRUD(Create, Read, Update and Delete) operations in Angular using ngx-bootstrap with API created in Asp. ag-Grid is a feature-rich data grid built for Angular. Install ngx-quill using npm. But unfortunately, it has a different workflow than what we were using with Gettext-translate. Bootstrap widgets for Angular: autocomplete, accordion, alert, carousel, dropdown, pagination, popover, progressbar, rating, tabset, timepicker, tooltip, typeahead Enable and Disable Filtering into angular 4 smart table column. Add this to several other projects being coded and launched every day. 0 - a TypeScript package on npm - Libraries. Includes. Ngx-datatable with Angular 4 Example: I have been searching for a best datatable with features like sorting, searching, pagination, rows per page etc. x The ngx-build-plus allows us to modify the NG CLI's build process by providing a partial web pack config.


component. import { Component, HostListener } from '@angular/core'; import { NgxEditorComponent } from '. The goal of material 2 UI component library is to build set of high-quality UI components built with Angular and TypeScript, following the Material Design spec. Learn More ☞ Angular 7 (formerly Angular 2) - The Complete Guide ☞ Angular & NodeJS - The MEAN Stack Guide ☞ Ionic 4 - Build iOS, Android & Web Apps with Ionic & Angular Primer is a creative material design admin template. Donate/Support. After an icon set is registered, each of its embedded icons can be accessed by their id attributes. Much like React and Vue, Angular encourages you to use components, splitting your UI into separated and reusable pieces. Supporting NGX-Bootstrap. NGX-Translate is also extremely modular. WYSIWYG Editor for Angular Applications. Some of the buttons on the toolbar has invalid icons when using the latest version of font-awesome 5.


We use the web editor plunker so you can get stuck in writing code ASAP. Github Project Angular-CLI. So Find answers to your angular js questions. js. Theme collection, that features a Quill-based WYSIWYG-editor as well, demo here. Donations to the project are always welcomed :) The ngx-build-plus allows us to modify the NG CLI's build process by providing a partial web pack config. 3. How to translate your Angular 7 app with ngx-translate WYSIWYG Editor for Angular Applications - 4. json file) in . 3? Angular ngx-editor outsource config from app. 2.


x ngx-quill . 1. The whole system is in Javascript programming language with an AngularJs framework. It contains all core (and not only) Bootstrap components powered by Angular. ngx-datatable is an Angular component for presenting large and complex data. All components are designed with extensibility and adaptivity in mind. A WYSIWYG editor which uses MarkDown rather than HTML, demo NGX-Translate is an internationalization library for Angular. Angular 6 access control using ngx-permission: We can’t see any enterprise applications without access control management as this is the most important feature which all the sites must have to avoid security violations and control the views for different user groups. In this post, I will tell you, Angular 7 Ngx Editor Validation Working Example. Free AngularJS projects with source code. Click to edit is an editable text component.


We will add CRUD operation into this smart table tutorial. In this post, I will do, Angular Ngx Editor Working Example. Making multi language Angular applications using ngx-translate. Angular 2, Angular 4, Angular 5, Angular 6 and Angular 7 bindings for Froala WYSIWYG Editor. Now, let’s see how do we implement custom image handler in the same. we are going to use this custom component to show our data in a more feature packed table. Note: Quill uses JSON to store the data internally, not html. You can expect them to work on Mobile and Desktop with the same level of performance. angular v4 - ngx-quill <=1. It’s good to once in a while to catch up on who is the top kid on the block in the Angular open-source projects arena. Angular 4+ markdown editor based on Ace editor.


What tool can be used to integrate Rich Text Editor in SPFx? We are going to use ngx-quill, a NPM package, as an editor since it is so lightweight like SPFx. The ngx material design an Angular 5 project. It is based on ideas of angular-xeditable which is developed in AngularJS. angular2-autosize – Angular2-autosize is an Angular2 directive that automatically adjusts textarea height to fit content. 0; Ngx-Bootstrap Hello to all, welcome to therichpost. 6. I’m using the ngx-editor (https: I am going to share with you how to create Angular 7 Firebase5 CRUD Operations using Reactive Forms. How to translate your Angular 7 app with ngx-translate This tutorial shows how to build a basic wiki-style app with Angular and Firebase. NPM. Integrate seamlessly with Angular 2,4,5,6,7 to deliver core and enterprise features with the performance you expect. demo here.


All works in development mode but fails in PRODUCTION. However there is no answers on how to Help Request WYSIWYG editor for Angular 2/4 (self. All avaibale inputs inputs can be provided in the configuration as JSON inputs provided directly are considered as top priority Ngx-datatable with Angular 4 Example: I have been searching for a best datatable with features like sorting, searching, pagination, rows per page etc. ng is a short form to refer to Angular, and x is commonly used (in math, or language) as a placeholder for a constant. The table was designed to be extremely flexible and light. It gives you access to a service, a directive and a pipe to handle any dynamic or static content. Rich Text Editor:Rich text editor gives user advanced editing tools to edit and save text in HTML format without knowing HTML. To do so, edit your angular-cli. Contribute to atularen/ngx-monaco-editor development by creating an account on GitHub. it doesn’t make any assumptions about your data or how you: filter, sort or page it. Multiple icon sets can be registered in the same namespace.


To overcome Angular's view encapsulation, you may need to use the /deep/ operator to target it (depending on the type of encapsulation your component is using). Angular bindings give us enough options to do that as well, with default innerHTML property of the HTML elements as below, Angular is a full framework with all the tooling and best practices designed on top of it. Now add the library via the angular schematics shell ng add ngx-auth-firebaseui:heavy_check_mark: peer dependencies will be automatically added the package. ts in other components. quill-editor ngx-quill quill quilljs rich-text-editor rich-text angular angular2 angular-2 angular-x wysiwyg angular4 ng2 ng editor directive component text-editor ngx-pipes - ⚡️ Useful pipes for Angular with no external dependencies! From the initial stages of development up to its launch, a Angular project generates plenty of code. ngx-bootstrap is an Open Source (MIT Licensed) independent project with ongoing development made possible thanks to the support of our awesome backers. Angular-CLI. This library is focused on handling graph data (anything with nodes and edges) rather than chart data. Donations to the project are always welcomed :) Monaco Editor component for Angular 2 and Above. It has all the features you would expect from any other datatable but in a light package with no external dependencies. Please refer to the documentation to know more about options and tools available in the ngx-quill editor control for Angular.


ngx-markdown-editor. So, you are able to save the images uploaded in Rich Text Editor to the desired destination folder. If someone says their package works with ngx, it means it works with any version, otherwise they'll specify the exact version number. If you like my work, feel free to support it. Posted on April 6, 2018 by Dacar. Hit the ground running with comprehensive, modern UI components that . $ ng new socket-app --routing = false--style = SCSS $ cd socket-app $ npm i ngx-socket-io --save ## This is an Angular wrapper over socket. angular2-dropzone-wrapper – Angular 2 wrapper library for dropzone. Gull is a combination of clean design and modular code structure which makes Angular software development easier and fast. Find answers to your angular js questions. It provides smart toolbars appear right near the selected text and offer different functionality based on context, Paste rich text from any web page and preserve its formatting, The full styling power of CKEditor and lot more.


ngx-inline-editor is a library of Angular (version 4+) that allows you to create editable elements. Angular Material is getting more popularity day by day because with the help of Angular Material, we can build angular app more attractive and well designing. Angular Script. Meet Gull Highly customizable Angular 7+ Bootstrap 4 admin template. It is a part of valor-software. For this tutorial you'll start with a simple demo application. So Angular 4 Pagination Using ngx-pagination. ngx-quill. Ask Question 0. WYSIWYG Editor for Angular 6 – ngx-editor. With this, you get all you need to start working on your SAAS, CRM, CMS or dashboard based project.


io. Installation: # Yarn $ yarn add ngx-editor # NPM $ npm install ngx-editor –save MatNgxWig is a simple Angular Material WYSIWYG editor for Angular 7+ apps. No Dependencies for this module. 0; Ngx-Bootstrap Native UI Inline-editor Angular (version 4+) component . Create a new NativeScript project with Angular. In this post, I will tell you, Open Modal Popup in Angular 6 with AngularMaterial. Follow me to be notified about new releases. You might be looking to create a carousel image gallery with a bigger picture modal to open when you click on an image thumbnail. If you also would like to show support or simply give back to Open Source community, please consider becoming a partner. json as such: – ngx-Toastr (npm package) – Bootstrap and Font-Awesome Icons – VS Code Editor. Live Demo on Slackblitz.


ngx-quill is an angular (>=2) component for the Quill Rich Text Editor v2 dev version. json and installed Responsive layout: Egret angular material admin template is fully responsive. link Use with @angular/forms <mat-checkbox> is compatible with @angular/forms and supports both FormsModule and ReactiveFormsModule. ngx-image-editor. Based on the Ngx-Bootstrap and Font Awesome iconic font. Awesome editor for Angular 6 based on Angular Material. Angular Example App 2019. io client libraries $ ng g class document $ ng g c document-list $ ng g c document $ ng g s document Angular creates it, renders it, creates and renders its children, checks it when its data-bound properties change, and destroys it before removing it from the DOM. ngx-config - Configuration utility for Angular #opensource. It allows you Throughout this tutorial we are going to create a QR Code generator web application with Angular 4+ so lets get started . 0 3.


we assume that you have installed required packages and software for angular 5 development. In this article, you will learn how to integrate ngx-translate support, provide translations, and set up an in-context editor for the perfect translation and localization context. In this lesson we’ll quickly give it a look at how to transform our custom dynamic form rendering to use ngx-formly. PRIME NG. I've read previous solutions which suggest declaring this in angular-cli. I have already done the posts related to Angular Ngx Editor but, in this post, I will apply validation on Angular 7 Ngx Editor and here is the working code Angular 4+ markdown editor based on Ace editor. Wednesday, 5 June, 2019 6:19 PM Angular is a development platform for building mobile and desktop web applications. editorConfig editorConfig: object Type : object Default value : { editable: true, spellcheck: false, height: '10rem', minHeight: '5rem', placeholder: 'Type something. ngx-md. Usage; Examples. Angular markdown editor based on ace editor.


component'; @Component({ selector: 'app-ngx-grippie The ngx material design an Angular 5 project. Getting started Step 1: Install Angular Material (+ Material Icons) and Angular Flex Layout Edit translation files for Laravel, Angular, Ngx-Translate, VueJS, React, React-Intl and many more. A directive has the same set of lifecycle hooks. How to translate your Angular 7 app with ngx-translate All code belongs to the poster and no license is enforced. In-order to create an Angular 5 application, you can use following Angular CLI command That it’s, the Ionic 4, Angular 7 and Cordova Crop and Upload Image tutorial. This article will demonstrate how to create an Angular 5 project using CLI and implement ngx-bootstrap or Bootstrap 3 with it. Some of themes are free. CRUD Operations Insert Update and Delete will be implemented inside an Asp. EDIT 2019/01/12 - THIS PROJECT IS NOT ACTIVELY MAINTAINED ANYMORE. Gull is built with Official @angular/cli tool, supports AOT compilation and uses NG Bootstrap and third-party NGX packages. These components also serve as an example of how to write Angular code following best practices.


Angular Material WYSIWYG Editor For Angular 7+ – MatNgxWig. It comes packaged with an Angular version and a React version with RTL support and light and dark colour schemes. json. NGX Snake Game in AngularJS with source code. ngx angular editor

hotel conference room rental nyc, minish cap rom hack, ue4 loading screen progress bar, ps4 spiderman edition, eso achievement furnishings, mehndi outfits for brides online india, lititz pa events, pronounce cannabinoid, best photography accessories, vivo y95 flashing, azure data factory python activity, hcso helicopter, divine charge rs3, league of legends looking for team reddit, prayer meaning in english, cooper carry atlanta, algorithm to find largest of 10 numbers, what drugs are covered by medicare, fortnite wave emote in shop, rotation timer for the classroom, airflow nginx, solar mosaic subordination, hollow block length, pitbull kennels in california, written offer lower than verbal, 95 miata maf sensor, buddhism definition quizlet, electronic product based companies in bangalore, average wacc for industry, hands free mode windows 10, amphibious atv for sale used,