<!doctype html>
<html>
<head>
<title>Write Urdu | Online Urdu editor - English to Urdu typing - Urdu typing online</title>
<meta name="Description" content="Write Urdu online using English alphabets, use this online Urdu writting software to write Urdu using Urdu html editor or Urdu Keyboard"><meta name="Keywords" content="English to Urdu typing, Write Urdu, Urdu typing online, Write in Urdu, write Urdu online, Urdu keyboard, online Urdu editor, online urdu typing, Urdu writing, Urdu writing online in facebook"><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta charset=utf-8>
<meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests">
</head>
<body data-gr-ext-installed="" data-new-gr-c-s-check-loaded="14.1131.0"><script defer src="https://static.cloudflareinsights.com/beacon.min.js/vcd15cbe7772f49c399c6a5babf22c1241717689176015" integrity="sha512-ZpsOmlRQV6y907TI0dKBHq9Md29nnaEIPlkf84rnaERnq6zvWvPUqr2ft8M1aS28oN72PdrCzSjY4U6VaAw1EQ==" data-cf-beacon='{"version":"2024.11.0","token":"9ce1b1d1b4484dd5b87338ad2e82d349","r":1,"server_timing":{"name":{"cfCacheStatus":true,"cfEdge":true,"cfExtPri":true,"cfL4":true,"cfOrigin":true,"cfSpeedBrain":true},"location_startswith":null}}' crossorigin="anonymous"></script>
</body>
<link href="/favicon.ico" rel="shortcut icon" type="image/x-icon" />
<link href="/favicon.ico" rel="icon" type="image/x-icon" />
<link href="/css/menu.css" rel="stylesheet" type="text/css" />
<link href="/css/main.css" rel="stylesheet" type="text/css" />
<link crossorigin="anonymous" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-colorpicker/3.2.0/css/bootstrap-colorpicker.css" integrity="sha512-XLInoY7BRabO37CGsZjuNbQgIUq/XJAoP4iNGSjHpYt5JRGl4DYrPwjMcGhyBi+NZgocGJhRW3cTaQ1d8ecEig==" rel="stylesheet" />
<link href="https://fonts.googleapis.com/earlyaccess/notonastaliqurdu.css?display=swap" rel="stylesheet" /><script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<link crossorigin="anonymous" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" rel="stylesheet" /><script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.1/dist/umd/popper.min.js" integrity="sha384-9/reFTGAW83EW2RDu2S0VKaIzap3H66lZH81PoYlFhbGU+6BZp6G7niu735Sk7lN"
crossorigin="anonymous"></script><script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js"></script><script src="https://cdn.jsdelivr.net/clipboard.js/1.5.12/clipboard.min.js"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/jspdf/1.3.2/jspdf.min.js" defer></script><script src="https://cdnjs.cloudflare.com/ajax/libs/html2canvas/0.4.1/html2canvas.js" defer></script>
<link crossorigin="anonymous" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.1/css/all.min.css" integrity="sha512-+4zCK9k+qNFUR5X+cKL9EIR+ZOhtIloNl9GIKS57V1MyNsYpYcUrUeQc9vNfzsWfV28IaLL3i96P9sdNyeRssA==" rel="stylesheet" /><script src="google_jsapi.js"></script><script src="javascript/main.js"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-colorpicker/3.2.0/js/bootstrap-colorpicker.js"></script><!-- Global site tag (gtag.js) - Google Analytics --><script async src="https://www.googletagmanager.com/gtag/js?id=UA-80884320-1"></script><script>
window.dataLayer = window.dataLayer || [];
function gtag() { dataLayer.push(arguments); }
gtag('js', new Date());
gtag('config', 'UA-80884320-1');
</script><script>
(function (i, s, o, g, r, a, m) {
i['GoogleAnalyticsObject'] = r; i[r] = i[r] || function () {
(i[r].q = i[r].q || []).push(arguments)
}, i[r].l = 1 * new Date(); a = s.createElement(o),
m = s.getElementsByTagName(o)[0]; a.async = 1; a.src = g; m.parentNode.insertBefore(a, m)
})(window, document, 'script', 'https://www.google-analytics.com/analytics.js', 'ga');
ga('create', 'UA-80884320-1', 'auto');
ga('send', 'pageview');
</script><script>
window.twttr = (function (d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0],
t = window.twttr || {};
if (d.getElementById(id)) return t;
js = d.createElement(s);
js.id = id;
js.src = "https://platform.twitter.com/widgets.js";
fjs.parentNode.insertBefore(js, fjs);
t._e = [];
t.ready = function (f) {
t._e.push(f);
};
return t;
}(document, "script", "twitter-wjs"));</script>
<style type="text/css">.twitter-share-button {
vertical-align: middle;
padding-right: 8px;
}
canvas {
border: 1px black solid;
}
#textCanvas {
display: none;
}
.facebook-responsive {
overflow: hidden;
padding-bottom: 40.25%;
position: relative;
height: 0;
text-align: center;
width: 100%;
}
.facebook-responsive iframe {
left: 0;
top: 0;
height: 100%;
width: 60%;
position: absolute;
text-align: center;
}
</style>
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script><script>
(adsbygoogle = window.adsbygoogle || []).push({
google_ad_client: "ca-pub-4727847909946286",
enable_page_level_ads: true
});
</script><!-- Google Tag Manager --><script>(function (w, d, s, l, i) {
w[l] = w[l] || []; w[l].push({
'gtm.start':
new Date().getTime(), event: 'gtm.js'
}); var f = d.getElementsByTagName(s)[0],
j = d.createElement(s), dl = l != 'dataLayer' ? '&l=' + l : ''; j.async = true; j.src =
'https://www.googletagmanager.com/gtm.js?id=' + i + dl; f.parentNode.insertBefore(j, f);
})(window, document, 'script', 'dataLayer', 'GTM-M45V9FW');</script><!-- End Google Tag Manager --><!-- Google Tag Manager (noscript) --><noscript>
<iframe src="https://www.googletagmanager.com/ns.html?id=GTM-M45V9FW" height="0" width="0" style="display:none;visibility:hidden"></iframe>
</noscript><!-- End Google Tag Manager (noscript) -->
<div id="fb-root"></div>
<script>
(function (d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.7&appId=1410577659240776";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<div class="container-fluid">
<div class="row mw-100" style="width: 100%;">
<div class="container-fluid">
<nav class="navbar navbar-expand-md bg-dark navbar-dark mw-100"><a class="navbar-brand" href="/">Write Urdu</a><button class="navbar-toggler" data-target="#collapsibleNavbar" data-toggle="collapse" type="button"></button>
<div class="collapse navbar-collapse" id="collapsibleNavbar">
<ul class="navbar-nav">
<li class="nav-item bg-success"><a class="nav-link active" href="/" title="Write Urdu | Online roman Urdu editor - Write Urdu in English - Write Urdu for facebook">Write Urdu</a></li>
<li class="nav-item"><a class="nav-link" href="urdu-editor.html" title="Write Urdu | Urdu Rich Text Editor - Online Urdu editor - English to Urdu typing">Urdu Text Editor</a></li>
<li class="nav-item"><a class="nav-link" href="urdu-keyboard.html" title="Write Urdu | Free online Urdu Keyboard">Urdu Keyboard</a></li>
<li class="nav-item"><a class="nav-link" href="urdu-alphabet.html" title="Write Urdu | Urdu alphabet">Urdu Alphabet</a></li>
<li class="nav-item"><a class="nav-link" href="write-urdu-features.html" title="Write Urdu | Write Urdu features">Write Urdu Features</a></li>
<li class="nav-item"><a class="nav-link" href="urdu-editor-features.html" title="Write Urdu | Urdu Rich Text Editor features">Urdu Rich Text Editor Features</a></li>
<li class="nav-item"><a class="nav-link" href="write-urdu-feedback.html" title="Write Urdu | feedback and suggestion">Feedback</a></li>
</ul>
</div>
</nav>
</div>
</div>
<div class="row">
<div class="col-6 col-md-3">
<div class="col-6 col-md-3">
<div style="line-height:30px;">
<div class="fb-like" data-action="like" data-href="https://www.facebook.com/WriteUrdu/" data-layout="standard" data-share="true" data-show-faces="true" data-size="small"></div>
<a class="twitter-follow-button" data-size="small" href="https://twitter.com/UrduEditor" style="vertical-align:bottom;">Follow @UrduEditor </a></div>
<hr class="solid" />
<div style="float:left;width:250px"><script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script><!-- Right panel --><script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script></div>
</div>
<br />
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script><!-- Right panel --><script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script></div>
<div class="col-12 col-md-9"><a href="/" title="Write Urdu | Online roman Urdu editor - Write Urdu in English - Write Urdu for facebook"><img alt="Write Urdu | Online Urdu editor - Write Urdu in English - Urdu typing online" class="logo" src="image/logo10.png" title="Write Urdu | Online Urdu editor - Write Urdu in English - Urdu typing online" /> </a>
<div class="container">
<div class="row">
<div class="col-sm" style="padding-right:0px;">
<h1>Write Urdu online</h1>
<h4 class="small"><mark class="sm">Best online English to Urdu typing tool</mark></h4>
</div>
</div>
</div>
<hr class="solid" />
<div class="container">
<div class="row">
<div style="text-align:right;width:100%;"><input id="inputFileNameToSaveAs" style="width:100px;" value="میری فائل" /><button class="btn btn-dark btn-sm" onclick="saveTextAsFile('transliterateTextarea','inputFileNameToSaveAs')">Save Text to File</button><button class="btn btn-dark btn-sm" data-placement="top" data-toggle="tooltip" id="exportImage" onclick="DownloadAsImage()" title="Export below typed Urdu text in png format">Export as image</button><button class="btn btn-dark btn-sm" data-placement="top" data-toggle="tooltip" id="exportPdf" onclick="DownloadAsPdf()" title="Export below typed Urdu text in pdf format">Export as pdf</button><button class="ExportToWord btn btn-dark btn-sm" data-placement="top" data-toggle="tooltip" id="exportWord" onclick="DownloadAsWord()" title="Export below typed Urdu text in Word format">Export as Word doc</button><button class="btn btn-dark btn-sm" data-placement="top" data-toggle="tooltip" id="PrintCurrentText" onclick="PrintText()" title="Print below typed Urdu text through printer">Print</button><button class="button btn btn-dark btn-sm" data-clipboard-action="copy" data-clipboard-target="#transliterateTextarea" data-placement="top" data-toggle="tooltip" style="margin:3px;" title="Copy all the type Urdu text to clipboard, Works same CTRL+C">Copy to Clipboard</button> <a class="btn btn-success active btn-sm" data-placement="top" data-toggle="tooltip" href="urdu-editor.html" role="button" style="padding:2px;" title="Switch to Rich english to Urdu typing Editor with modern styles and Urdu fonts. Supported fonts are Noto Nastaliq Urdu and Noto Naskh Arabic and many more"> Switch to Urdu HTML Editor</a> <a class="btn btn-dark btn-sm" data-placement="top" data-toggle="tooltip" href="write-urdu-features.html" role="button" style="padding:2px;" title="Learn how to use Write Urdu tool"> </a><button class="button btn btn-dark btn-sm" data-clipboard-action="copy" data-clipboard-target="#transliterateTextarea" data-placement="top" data-toggle="tooltip" onclick="OpenWhatsApp();" style="margin:3px;" title="Send English to Urdu typed text using whatsapp">Whatsapp it</button></div>
</div>
</div>
<div class="alert alert-success alert-dismissible fade show" id="UsageAlert" role="alert">Start typing roman Urdu(using English alphabets) words in below box Press space bar and see the word convert to Urdu menuscript automatically (Type in URDU (Press Ctrl+g to toggle between English and URDU))</div>
<div class="spinner-grow text-success justify-content-center" id="spinner" role="status"><span class="sr-only">Loading...</span></div>
<div class="input-group">
<div class="input-group-prepend"><span class="input-group-text" id="">Background Color: </span></div>
<input class="form-control" id="demo-input" type="text" value="rgb(255, 128, 0)" /><button class="btn btn-danger btn-sm" data-placement="top" data-toggle="tooltip" id="clear" onclick="clearText()" style="padding-left:5px;" title="Clear all the typed Urdu text">Clear</button></div>
<div id="demo" style="border: solid 1px gray;padding:1px;"><textarea autofocus="" class="write-udu-main-editor" dir="rtl" id="transliterateTextarea" style="font-family: 'Noto Nastaliq Urdu'"> لکھنا شروع کریں</textarea></div>
<br />
<br />
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> <!-- Green Ads --> <script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script><br />
<div class="card">
<div class="card-body">
<p class="card-subtitle">Type in URDU (Press Ctrl+g to toggle between English and URDU)</p>
<h3 class="card-title">Steps to write Urdu online using English alphabets</h3>
<ul class="card-text">
<li>Start typing roman Urdu(using English alphabets) words in above box</li>
<li>Press space bar and see the word convert to Urdu menuscript automatically</li>
<li>If you don't get the correct Urdu word press backspace button two times and you will get Urdu word <a href="write-urdu-feedback.html" title="Write Urdu | Feedback and suggestion">suggestions</a> then you can select the correct word.</li>
<li>Copy the final text written in Urdu using Copy to Clipboard paste it wherever you like!</li>
<br />
<li>To type "میرا خیال ہے" in <a href="urdu-alphabet.html" title="Write Urdu | Urdu alphabet">Urdu alphabet</a> just write "mera khyal hai"</li>
<li>To write your name for facebook or twitter simple type your name in English and press space bar</li>
<li>if you like to apply styles or formatting to your Urdu text you can use <a href="urdu-editor.html" title="Write Urdu | Urdu Rich Text Editor - Online Urdu editor - English to Urdu typing">Urdu Rich Text Editor</a></li>
<li>You don't need to download additional urdu typing software just open website.</li>
<li>Some of the <a href="urdu-faq.html" title="Write Urdu | Frequently Asked Questions">Frequently Asked Questions</a> about Urdu</li>
<li>Happy <a href="why-write-urdu.html" title="Write Urdu | Why Write Urdu Online">writing Urdu online</a>!!</li>
</ul>
</div>
</div>
<div class="card">
<div class="card-body">
<h4 class="card-title">How to use Write Urdu different features</h4>
<h4></h4>
<div class="facebook-responsive"><iframe allow="autoplay; clipboard-write; encrypted-media; picture-in-picture; web-share" allowfullscreen="true" frameborder="0" height="325" scrolling="no" src="https://www.facebook.com/plugins/video.php?height=325&href=https%3A%2F%2Fwww.facebook.com%2FWriteUrdu%2Fvideos%2F3434891606638257%2F&show_text=false" style="border:none;overflow:hidden" width="560"></iframe></div>
</div>
</div>
<div class="fb-comments" data-href="http://www.write-urdu.com/" data-numposts="7" data-width="800" style="align-content: center;width:100%;"></div>
</div>
</div>
</div>
<footer>
<div class="Footer-credits"><span class="Footer-credit">Created and maintained by <a href="/" title="Write Urdu | Online roman Urdu editor - Write Urdu in English - Write Urdu for facebook">Write Urdu</a> </span> | <span class="Footer-credit"> <a href="urdu-faq.html" title="Write Urdu | Frequently Asked Questions">FAQs</a> </span> | <span class="Footer-credit"> <a href="write-urdu-features.html" title="Write Urdu | Write Urdu Features">Write Urdu Features</a> </span> | <span class="Footer-credit"> <a href="english-urdu-typing-tutorial.html" title="Write Urdu | English to Urdu typing tutorial">English to Urdu typing tutorial</a> </span> | <span class="Footer-credit"> <a href="write-urdu-privacy.html" title="Write Urdu | Free Urdu online Keyboard Terms of Service and Privacy Policy"> Privacy policy</a> | <a href="write-urdu-sitemap.html" title="Write Urdu | Free online Urdu Keyboard Sitemap">Sitemap</a> | <a href="write-urdu-search.html" title="Write Urdu online using English alphabets, Search Urdu articles, Urdu information">Search Urdu</a> | Why <a href="why-write-urdu.html" title=" Write Urdu | Why Write Urdu Online">Write-Urdu.com</a> </span> | <span class="Footer-credit"> <a href="https://www.onlinekidsmadrasa.com" target="_blank" title="Online Kids Madrasa | Learn Quran Online">Learn Quran Online</a> </span></div>
<!-- Copyright -->
<div class="text-center p-3" style="background-color: rgba(0, 0, 0, 0.2)">© 2021 Copyright: <a class="text-light" href="https://Write-Urdu.com/">Write-Urdu.com</a></div>
<!-- Copyright --></footer>
<script>
var clipboard = new Clipboard('.btn');
clipboard.on('success', function (e) {
console.log(e);
});
clipboard.on('error', function (e) {
console.log(e);
});
</script><script type="text/javascript">
function OnLoad() {
var options = {
sourceLanguage:
google.elements.transliteration.LanguageCode.ENGLISH,
destinationLanguage:
[google.elements.transliteration.LanguageCode.URDU],
shortcutKey: "ctrl+g"
, transliterationEnabled: !0
};
// Create an instance on TransliterationControl with the required
// options.
var control =
new google.elements.transliteration.TransliterationControl(options);
// Enable transliteration in the textbox with id
// 'transliterateTextarea'.
control.makeTransliteratable(['transliterateTextarea']);
$('#spinner').hide();
$('[data-toggle="tooltip"]').tooltip()
}
google.load("elements", "1", {
packages: "transliteration"
}), google.setOnLoadCallback(OnLoad);
function clearText() {
document.getElementById('transliterateTextarea').value = '';
document.getElementById('transliterateTextarea').focus();
$('#demo').css('background-color', "White");
$('#transliterateTextarea').css('background-color', "White");
}
function downloadURI(uri, name) {
var link = document.createElement("a");
link.download = name;
link.href = uri;
document.body.appendChild(link);
link.click();
clearDynamicLink(link);
}
function DownloadAsImage() {
var element = document.getElementById('transliterateTextarea');
var w = element.offsetWidth - 10;
var h = element.offsetHeight - 10;
html2canvas((element), {
onrendered: function (canvas) {
var ctx = canvas.getContext("2d"); // get 2D context of canvas
ctx.textBaseline = "center"; // start with drawing text from top
ctx.font = "12px sans-serif"; // set a font and size
ctx.fillStyle = "green"; // set a color for the text
ctx.fillText("Generated using Write-Urdu.com", w - 300, h - 15); // draw the text at some position (x, y)
var textImage = canvas.toDataURL();
downloadURI(textImage, document.getElementById('inputFileNameToSaveAs').value + ".png");
}
});
}
function DownloadAsWord() {
var preHtml = "<html xmlns:o='urn:schemas-microsoft-com:office:office' xmlns:w='urn:schemas-microsoft-com:office:word' xmlns='http://www.w3.org/TR/REC-html40'><head><title>Export HTML To Doc</title></head><body>";
var postHtml = "</body></html>";
var html = preHtml + '<div dir="rtl">' + document.getElementById("transliterateTextarea").value + '</div>' + postHtml;
var blob = new Blob(['\ufeff', html], {
type: 'application/msword'
});
var url = 'data:application/vnd.ms-word;charset=utf-8,' + encodeURIComponent(html);
filename = document.getElementById('inputFileNameToSaveAs').value + '.doc';
// Create download link element
var downloadLink = document.createElement("a");
document.body.appendChild(downloadLink);
if (navigator.msSaveOrOpenBlob) {
navigator.msSaveOrOpenBlob(blob, filename);
} else {
// Create a link to the file
downloadLink.href = url;
// Setting the file name
downloadLink.download = filename;
//triggering the function
downloadLink.click();
}
document.body.removeChild(downloadLink);
// $("#transliterateTextarea").wordExport(document.getElementById('inputFileNameToSaveAs').value);
}
function DownloadAsPdf() {
var element = document.getElementById('transliterateTextarea');
element.style.backgroundcolor = 'white';
element.style.borderWidth = '0px';
var w = 2480;
var h = 3508;
html2canvas((element), {
/* dpi: 300, // Set to 300 DPI
scale: 3, // Adjusts your resolution*/
onrendered: function (canvas) {
var img = canvas.toDataURL("image/png", 1);
var doc = new jsPDF()
var width = doc.internal.pageSize.width;
var height = doc.internal.pageSize.height;
var widthRatio = width / canvas.width;
var heightRatio = height / canvas.height;
var ratio = widthRatio > heightRatio ? heightRatio : widthRatio;
doc.addImage(img, 'png', -1, 5, canvas.width * ratio, canvas.height * ratio, );
doc.text("Generated using Write-Urdu.com", width - 200, height - 10);
doc.save(document.getElementById('inputFileNameToSaveAs').value + '.pdf');
}
});
}
function PrintText() {
var element = document.getElementById('transliterateTextarea');
html2canvas((element), {
onrendered: function (canvas) {
var myImage = canvas.toDataURL("image/png", 1);
var tWindow = window.open("");
$(tWindow.document.body)
.html("<img id='Image' src=" + myImage + " style='width:100%;'></img>")
.ready(function () {
tWindow.focus();
tWindow.print();
});
}
});
}
function OpenWhatsApp() {
var Url = 'https://api.whatsapp.com/send?text=' + encodeURI(document.getElementById('transliterateTextarea').value);
window.open(Url, "_blank");
}
var loadFile = function (event) {
var output = document.getElementById('transliterateTextarea');
output.style.backgroundImage = "url(" + URL.createObjectURL(event.target.files[0]) + ")";
};
</script><script type="text/javascript">
setTimeout(function () {
// Closing the alert
$('#UsageAlert').alert('close');
}, 15000);
</script><script>
$(function () {
// Basic instantiation:
$('#demo-input').colorpicker();
// Example using an event, to change the color of the #demo div background:
$('#demo-input').on('colorpickerChange', function (event) {
$('#demo').css('background-color', event.color.toString());
$('#transliterateTextarea').css('background-color', event.color.toString());
});
});
</script><grammarly-desktop-integration data-grammarly-shadow-root="true"></grammarly-desktop-integration></html>