lukas-tr
commented
5 years ago If you messed with the extension files, you can try deleting the extension by hand.
- Uninstall the extension in vscode
- Go to the extension folder and delete
lukas-tr.materialdesignicons-intellisense-1.5.2- Windows
%USERPROFILE%\.vscode\extensions - Mac/Linux
$HOME/.vscode/extensions
- Windows
- Install the extension
You could also try opening your settings.json and commenting out all settings that start with materialdesigniconsIntellisense. and restarting vscode.
Since the icons in the MDI Explorer view are displaying correctly (assuming you meant that with "mdi folder"), there may be a bug in the markdown generation. You can verify that by adding following lines to util.js located in %USERPROFILE%\.vscode\extensions\lukas-tr.materialdesignicons-intellisense-1.5.2\out\ or $HOME/.vscode/extensions/lukas-tr.materialdesignicons-intellisense-1.5.2/out/
exports.encodeSpaces = (content) => {
return content.replace(/ /g, "%20");
};
+ const chan = vscode.window.createOutputChannel("mdi")
exports.getIconData = (item) => {
const svgPath = path.normalize(path.join(configuration_1.config.mdiPath, "svg", `${item.name}.svg`));
return new Promise((resolve, reject) => {
fs.readFile(svgPath, (err, data) => {
if (err) {
vscode.window.showErrorMessage(err.message);
return reject(err);
}
const utf8String = data
.toString("utf8")
.replace(/<path/gi, `<path fill="${configuration_1.config.iconColor}" `);
const previewSvg = "data:image/svg+xml;utf8;base64," +
Buffer.from(utf8String).toString("base64") +
exports.encodeSpaces(` | width=${configuration_1.config.iconSize} height=${configuration_1.config.iconSize}`);
+ chan.appendLine(previewSvg)
+ chan.appendLine(utf8String)
return resolve({
aliases: [item.name, ...item.aliases].join(", "),
author: item.author,
codepoint: item.codepoint,
name: item.name,After hovering over mdi-account, you should see following output (execute command View: Toggle Output and select mdi from the drop down list).
data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0ibWRpLWFjY291bnQiIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBmaWxsPSIjYmFiYWJhIiAgZD0iTTEyLDRBNCw0IDAgMCwxIDE2LDhBNCw0IDAgMCwxIDEyLDEyQTQsNCAwIDAsMSA4LDhBNCw0IDAgMCwxIDEyLDRNMTIsMTRDMTYuNDIsMTQgMjAsMTUuNzkgMjAsMThWMjBINFYxOEM0LDE1Ljc5IDcuNTgsMTQgMTIsMTRaIiAvPjwvc3ZnPg==%20|%20width=100%20height=100
<?xml version="1.0" encoding="UTF-8"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="mdi-account" width="24" height="24" viewBox="0 0 24 24"><path fill="#bababa" d="M12,4A4,4 0 0,1 16,8A4,4 0 0,1 12,12A4,4 0 0,1 8,8A4,4 0 0,1 12,4M12,14C16.42,14 20,15.79 20,18V20H4V18C4,15.79 7.58,14 12,14Z" /></svg>If you want, you can try running the extension from source and adding the lines to src/util.ts instead of editing the extension directly (requires nodejs).
git clone https://github.com/lukas-tr/vscode-materialdesignicons-intellisense.git
cd vscode-materialdesignicons-intellisense
npm install
code .
# press f5 or go to the debug pane and click `start debugging`This opens a new instance of vscode. If you tried this, does the preview display correctly there?
Could you post your settings.json if that didn't work?
Are you using the stable or insiders build of vscode?
nach00
The folder 
Not sure what I did. I think I was messing around with my settings, but now the preview of the icon shows a broken image. The mdi folder still shows the icon, but when I type
mdi-, the dropdown appears with all the names of the icons, but no preview. I've tried reinstalling with no success.